在jqGrid渲染后隐藏列(标题和行)可以通过以下方法实现:
在jqGrid初始化时,可以通过设置label
属性为空字符串来隐藏列标题。例如:
colModel: [
{ name: 'id', label: '' },
{ name: 'name', label: '姓名' },
{ name: 'age', label: '' },
]
在jqGrid初始化时,可以通过设置hidden
属性为true
来隐藏列行。例如:
colModel: [
{ name: 'id', hidden: true },
{ name: 'name', label: '姓名' },
{ name: 'age', hidden: true },
]
在jqGrid初始化后,可以通过调用setLabel
和hideCol
方法来动态隐藏列标题和行。例如:
// 隐藏名为'id'的列标题
$('#grid').jqGrid('setLabel', 'id', '');
// 隐藏名为'age'的列标题
$('#grid').jqGrid('setLabel', 'age', '');
// 隐藏名为'id'的列行
$('#grid').jqGrid('hideCol', 'id');
// 隐藏名为'age'的列行
$('#grid').jqGrid('hideCol', 'age');
在jqGrid初始化后,可以通过添加CSS样式来隐藏列标题和行。例如:
/* 隐藏名为'id'的列标题 */
#grid .ui-jqgrid-labels th:nth-child(1) {
display: none;
}
/* 隐藏名为'age'的列标题 */
#grid .ui-jqgrid-labels th:nth-child(3) {
display: none;
}
/* 隐藏名为'id'的列行 */
#grid .ui-jqgrid-btable tr td:nth-child(1) {
display: none;
}
/* 隐藏名为'age'的列行 */
#grid .ui-jqgrid-btable tr td:nth-child(3) {
display: none;
}
通过以上方法,可以在jqGrid渲染后隐藏列标题和行。
领取专属 10元无门槛券
手把手带您无忧上云