如何删除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 should provide the main idea of "removing" the vertical and horizontal borders of grid cells. The solution can depends on which jqGrid fork ((free jqGrid, Guriddo jqGrid JS 或版本 <=4.7)) 中的旧 jqGrid 以及您在哪个版本中使用 jqGrid。

我刚刚测试了免费的 jqGrid 4.9.2 和以下 CSS 规则插入 after ui.jqgrid.css "removes" 成功水平边框

.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;
}

"remove" 网格单元格的垂直边框。

如何删除jqgrid中的水平线

how to remove horizontal lines in jqgrid

javascript

css

grid

border

jqgrid