删除jqGrid中的垂直线

删除jqGrid中的垂直线

jqGrid在主网格表上构建了一些其他div。外部div具有class

ui-jqgrid

。因此，如果需要删除整个网格上存在的左右边界，则可以使用以下CSS：

.ui-jqgrid { border-right-width: 0px; border-left-width: 0px; }

如果需要删除所有网格边框，可以使用

.ui-jqgrid { border-width: 0px; }

如果您还需要删除网格中单元格之间的垂直边框，则可以使用

.ui-jqgrid tr.ui-row-ltr td { border-right-color: transparent; }

要删除行之间的水平边框，可以使用

.ui-jqgrid tr.ui-row-ltr td { border-bottom-color: transparent; }

要删除列标题之间的垂直边框，可以使用

th.ui-th-column { border-right-color: transparent !important }

或替代（不使用

!important

）

.ui-jqgrid-labels .ui-th-column { border-right-color: transparent }