jQGrid 冻结列在放置在 jQuery 选项卡中时不起作用答案

【问题标题】：jQGrid Frozen column doesn't work when it's placed within a jQuery TabjQGrid 冻结列在放置在 jQuery 选项卡中时不起作用
【发布时间】：2012-11-14 16:47:30
【问题描述】：

我有 2 个部分，由 jQuery TAB 分隔。在我的第一个选项卡中，我有一个带有冻结列的 jqGrid，到目前为止它可以工作。但是，在我的第二个选项卡中，我有另一个 jQgrid 冻结列不起作用。

当我删除将 <div> 转换为选项卡的代码时，两个表都显示在同一页面中，并且它们各自的冻结列都可以正常工作。

我认为问题出在标签本身，但我找不到解决此问题的方法。

<script type=\"text/javascript\">

  jQuery(document).ready(function(){
    jQuery( \"#tabs\" ).tabs({});
tableToGrid('#super_summ', {
                    caption: \"Performance Summary By Supervisor\",    
                    shrinkToFit: false,
                    width: '850',
                    height: '180',
                    hidegrid: false,
                    rowNum: 150,
                    sorttable:false,
                    colNames :['Sor','Staime','A T',
                                'NR','C And','Callsd',
                                'T Planned','Tickets Cld','A','S','T',
                                'TA2','Total','TO KP','KP'],
                    colModel: [
                        {name: 'Su', width: '120px',align:'center',frozen:true},
                        {name: 'St', width: '120px', align:'center'},
                        {name: 'AvT', width: '120px',align:'center'},
                        {name: 'N', width: '120px',align:'center'},
                        {name: 'Ca', width: '120px',align:'center'},
                        {name: 'Caled', width: '120px',align:'center'},
                        {name: 'Td', width: '120px',align:'center'},
                        {name: 'Ti', width: '120px',align:'center'},
                        {name: 'C', width: '90px',align:'center'},
                        {name: 'S', width: '90px',align:'center'},
                        {name: 'T1', width: '90px',align:'center'},
                        {name: 'T2', width: '90px',align:'center'},
                        {name: 'Tot', width: '90px',align:'center'},
                        {name: 'TOK', width: '90px',align:'center'},
                        {name: 'KP', width: '90px',align:'center'}
                        ]
                });
                jQuery(\"#super_summ\").jqGrid('setFrozenColumns').jqGrid('sortGrid','Supervisor');
});
</script>

【问题讨论】：

您是先加载 jqGrid 然后再加载选项卡吗？您应该在调用 tab 函数之前调用 grid 函数。网格应该完全呈现，然后是选项卡。
我先创建了标签，然后是 jqGrids
由于公司的政策，我认为我不能，抱歉。
你能输入一个你做过的例子吗？不看代码很难帮忙。
现在可以了！非常感谢！感谢您的帮助。

标签： jquery jquery-ui jqgrid tabs frozen-columns

【解决方案1】：

更改了绘制事物的顺序，首先是网格，然后是选项卡。

【讨论】：