在一个带有subGrid的工作jqGrid中我怎么能隐藏列完全出现加/减/打开图标的列?

时间:2012-09-15 16:31:40

标签: jqgrid subgrid

我也想把它完全隐藏在主网格中。

有关详细说明,请参阅图片。

提前致谢。enter image description here

1 个答案:

答案 0 :(得分:8)

您需要隐藏的列名称为"subgrid"。所以要隐藏它你可以使用

$("#grid").jqGrid("hideCol", "subgrid");

如果需要实现打开或关闭子网格的界面,可以直接调用toggleSubGridRow方法。例如,以下回调将在双击主行时切换子网格:

ondblClickRow: function (rowid) {
    $(this).jqGrid("toggleSubGridRow", rowid);
}

查看相应的演示here

enter image description here

更新:如果您想要隐藏子网格第一列中的图标,可以使用选项

subGridOptions: { openicon: "ui-helper-hidden" }

并添加其他CSS样式

.subgrid-cell .ui-helper-hidden { display: none}

请参阅the updated demo

enter image description here

更新2 :要隐藏包含子网格行中图标的列,您只需使用

.subgrid-cell { display: none}

请参阅the next demo

enter image description here