首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在jqGrid渲染后隐藏列(标题和行)

在jqGrid渲染后隐藏列(标题和行)可以通过以下方法实现:

  1. 隐藏列标题:

在jqGrid初始化时,可以通过设置label属性为空字符串来隐藏列标题。例如:

代码语言:javascript
复制
colModel: [
    { name: 'id', label: '' },
    { name: 'name', label: '姓名' },
    { name: 'age', label: '' },
]
  1. 隐藏列行:

在jqGrid初始化时,可以通过设置hidden属性为true来隐藏列行。例如:

代码语言:javascript
复制
colModel: [
    { name: 'id', hidden: true },
    { name: 'name', label: '姓名' },
    { name: 'age', hidden: true },
]
  1. 动态隐藏列标题和行:

在jqGrid初始化后,可以通过调用setLabelhideCol方法来动态隐藏列标题和行。例如:

代码语言:javascript
复制
// 隐藏名为'id'的列标题
$('#grid').jqGrid('setLabel', 'id', '');

// 隐藏名为'age'的列标题
$('#grid').jqGrid('setLabel', 'age', '');

// 隐藏名为'id'的列行
$('#grid').jqGrid('hideCol', 'id');

// 隐藏名为'age'的列行
$('#grid').jqGrid('hideCol', 'age');
  1. 使用CSS隐藏列标题和行:

在jqGrid初始化后,可以通过添加CSS样式来隐藏列标题和行。例如:

代码语言: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渲染后隐藏列标题和行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券