我有 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>