javascript - 如何去除jqgrid中的水平线

Question

我怎样才能做到这一点？

html

<table id="myGrid"><table>


//in my js I make it into a jqgrid

//css
.ui-jqgrid tr.ui-row-ltr td { border: none;}
.ui-jqgrid tr.ui-row-ltr td { border-collapse:collapse}

垂直线消失了，但水平线仍然存在。

请不要让我查看不同的答案，因为这些建议不起作用，这就是我发帖的原因 - 我需要删除这些行。

Answer 1

My old answer应该提供“删除”网格单元的垂直和水平边框的主要思想。该解决方案取决于哪个 jqGrid 分支(( free jqGrid 、 Guriddo jqGrid JS 或版本 <=4.7 中的旧 jqGrid))以及您使用 jqGrid 的版本。

我刚刚使用免费的 jqGrid 4.9.2 进行了测试，并在之后插入了以下 CSS 规则 ui.jqgrid.css 成功“删除”了水平边框

.ui-jqgrid tr.jqgrow > td,
.ui-jqgrid tr.jqgroup > td,
.ui-jqgrid tr.jqfoot > td,
.ui-jqgrid tr.jqfoot > td,
.ui-jqgrid tr.ui-subgrid > td {
    border-bottom-color: transparent;
}

和 CSS 规则

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

“删除”网格单元格的垂直边框。