[英]jQGrid Frozen column doesn't work when it's placed within a jQuery Tab
I have 2 sections, separated by a jQuery TAB. 我有2个部分,由jQuery TAB分隔。 In my first tab I have a jqGrid with frozen columns and so far it works. 在我的第一个标签中,我有一个带有冻结列的jqGrid,到目前为止,它仍然有效。 However, in my second tab i have another jQgrid with frozen columns that doesn't work. 但是,在第二个选项卡中,我还有另一个jQgrid,其中的冻结列不起作用。
When I remove the code that converts <div>
into tabs, both tables are displayed within the same page and are working properly with their respective frozen columns. 当我删除将<div>
转换为选项卡的代码时,两个表都显示在同一页面中,并且它们各自的冻结列均正常工作。
I think the problem is within the tab itself, but I just can't find a way to solve this. 我认为问题出在标签本身之内,但我只是找不到解决此问题的方法。
<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>
更改了绘制顺序,首先更改了网格,然后更改了选项卡。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.