如何在jqgrid中删除水平线答案

【问题标题】：how to remove horizontal lines in jqgrid如何在jqgrid中删除水平线
【发布时间】：2015-10-21 20:47:58
【问题描述】：

我如何做到这一点？

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}

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

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

【问题讨论】：

Remove vertical lines in jqGrid的可能重复
这篇文章有一个关于如何删除所有边框的非常详尽的答案：*.com/questions/11790302/…希望它对你有用！试一试！
我做到了，布赖恩，但这些都不起作用。
就像我说的，我需要删除水平线，我设法删除了垂直线。
@sarsnake：您是否尝试过我的旧答案中的the demo（请参阅 Brain 的评论）？它有效吗？了解您使用哪个版本的 jqGrid 以及哪个版本的 jqGrid 可能很重要（free jqGrid、Guriddo jqGrid JS 或版本

标签： javascript css jqgrid grid border

【解决方案1】：

My old answer 应该提供“移除”网格单元的垂直和水平边界的主要思想。解决方案可能取决于哪个 jqGrid 分支（（Guriddo jqGrid JS 或版本

我刚刚使用免费的 jqGrid 4.9.2 进行了测试，并在 ui.jqgrid.css "删除" 成功的水平边框之后插入了以下 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;
}

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

【讨论】：

@sarsnake：只有一句话。我看到你在 6 年 9 个月内只使用了 364 次投票。可能您不知道您有权投票一天 30 次（请参阅更多详细信息 here）。投票是搜索引擎排序的主要标准。所以投票可以帮助其他人在 * 上找到有用的信息。因此，如果您发现一些问题/答案有帮助，请投票。它可以帮助其他人查找信息。甚至谷歌也使用特殊的*算法并使用投票。