In working jqGrid with subGrid, how can I hide the column where the plus / minus / open icons are fully displayed?

Question

I want to completely hide it from the main grid.

See image for details.

Thanks in advance.

Answer 1

The column to be hidden is named "subgrid" . To hide it, you can use

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

If you need to implement an interface for opening or closing a subgrid, you can directly call the ondblClickRow: function (rowid) { $(this).jqGrid("toggleSubGridRow", rowid); } method ondblClickRow: function (rowid) { $(this).jqGrid("toggleSubGridRow", rowid); } ondblClickRow: function (rowid) { $(this).jqGrid("toggleSubGridRow", rowid); }

See relevant demo:

UPDATED . If you want to additionally hide the icon from the first column of the subtitle, you can use the option

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

and add extra CSS style

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

See:

UPDATED 2 . To hide the column with the icon in the subnet line, you can simply use

 .subgrid-cell { display: none} 

See: