Ole*_*leg 13
jqGrid在主网格表上构建了一些额外的div.外部div有类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 }
(见旧答案)
因此,您可以根据具体要求选择所需的样式.该演示演示了应用上述所有CSS样式的结果:
