引导选项卡后面的 ParamQuery Grid - 如何设置网格的最小大小？答案

【问题标题】：ParamQuery Grid behind a bootstrap tab - how to set min-size of grid?引导选项卡后面的 ParamQuery Grid - 如何设置网格的最小大小？
【发布时间】：2018-03-22 17:09:47
【问题描述】：

我的网格隐藏在引导选项卡的“后面”。换句话说，在您单击选项卡之前，您不会看到网格。

这导致网格折叠到零大小，导致我不得不每次都扩展网格

我尝试将“对象”设置为obj.collapsible = { collapsed : false }

什么都没做。

我尝试在中设置可调整大小

 var obj = { width: 700, height: 400, title: "ASO REPORTS",resizable:true ,draggable:true };

设置为 false，这只是让它到了我什至无法调整大小以查看数据的位置。

我看到了一个最小宽度选项，但这只是与个别列有关，而不是与表格/工作表本身有关。

有没有办法解决这个问题，以便设置大小，即使它在单击选项卡之前“隐藏”？

【问题讨论】：

标签： jquery css twitter-bootstrap bootstrap-tabs paramquery

【解决方案1】：

<div style="height:100%;">
  <div id="grid_json" style="margin:auto;"></div>
</div> 

var obj = {
            width: "100%",
            height: '80%',
            resizable: true,
            title: "Grid From JSON",
            showBottom: false,
            scrollModel: { autoFit: true },
            dataModel: { data: data }
        };
        $("#grid_json").pqGrid(obj);
    });

希望这对您有所帮助，您可以根据自己的要求调整高度。这里 div 高度应该是强制性的。

【讨论】：