jQueryTABで区切られた2つのセクションがあります。私の最初のタブには、固定された列を持つjqGridがあり、これまでのところ機能しています。ただし、2番目のタブには、機能しないフリーズされた列を持つ別の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>