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应该提供＆＃34;删除＆＃34;的主要想法。网格单元的垂直和水平边框。解决方案可以取决于哪个jqGrid fork（（free jqGrid，Guriddo jqGrid JS或版本中的旧jqGrid＆lt; = 4.7））以及使用jqGrid的版本。

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

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

＆＃34;除去＆＃34;网格单元格的垂直边框。

如何删除jqgrid中的水平线

1 个答案: