我正在使用jqGrid来显示数据。我使用hidecol / showcol来隐藏/显示jqGrid中的列。 ShrinkToFit是真的。
首先,我使用hideCol隐藏列。当用户选择一个选项时,我使用showCol方法显示隐藏列。问题是我每次调用showCol时都会减小该列的宽度。
示例代码:
var mydata = [{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"}];
jQuery("#list2").jqGrid({ data: mydata,
datatype: 'local',
height: 300,
rowNum: 30,
rowList: [10,20,30],
colNames:['Name1','Name2', 'Name3'],
colModel:[ {name:'name1',index:'name1', width:250},
{name:'name2',index:'name2', width:225},
{name:'name3',index:'name3', width:250}],
pager: '#pager2',
viewrecords: true,
sortorder: "desc",
hidegrid: false
}).navGrid('#pager2',{edit:false,add:false,del:false,search:true},
{},{},{},{});}
jQuery("#list2").jqGrid().showCol("name1"); //show col
jQuery("#list2").jqGrid().hideCol("name1"); //hide col
答案 0 :(得分:2)
这似乎与我最近的问题相同。我在三角形论坛here中描述了我的修改错误。 fixed上的代码中的问题已经github。
我建议您另外查看another my suggestion,以提高showCol
和hideCol
方法的效果。这些建议在jqGrid的github代码中是included。
您可以在jquery.jqGrid.src.js
。