Jquery数据表删除水平线

Question

需要帮助，我正在尝试删除jQuery Datatables中的水平线。

请看下面的截图： 我正在尝试使用谷歌浏览器元素检查器找到该行，但没有运气。

Answer 1

这些不同的行由<th>和<thead>中的<tfoot>元素呈现。使用

table.dataTable thead th {
  border-bottom: 0;
}
table.dataTable tfoot th {
  border-top: 0;
}

...删除它们。演示 - ＆gt; http://jsfiddle.net/dgsccstp/ 尝试注释掉CSS并重新运行。

如果您没有指定任何页脚，即没有<tfoot></tfoot>部分，请以这种方式删除底线：

table.dataTable.no-footer {
  border-bottom: 0;
}

如果您有多个DataTable并且只想删除一个（或多个）特定表的边框，请将table替换为表#id作为选择器：

#example1.dataTable thead th {
  border-bottom: 0;
}
#example1.dataTable tfoot th {
  border-top: 0;
}

演示 - ＆gt;的 http://jsfiddle.net/Ljortyx8/

Answer 2

我没有使用tfoot，因此表格末尾的暗线是在tbody中生成的。我删除了它添加这个CSS代码：

table.dataTable {
  border-collapse: collapse;
}

Answer 3

它在css中：

table.dataTable.display tbody td

这是边界顶部：

while [ -L "$binDir" ]
do
  binDir=`readlink "$binDir"`
  builtin cd "`dirname "$binDir"`"
  binDir=`basename "$binDir"`
done

每个细胞。

或仅用于标题：

在css中：

border-top: 1px solid #ddd;

要测试它，您可以在css检查器中取消选中属性。

对我来说它有效，你可以看到：

Answer 4

这些是datatables的默认样式选择器。那些线由于边框底部属性而出现。

在css下面，我没有使用boder bottom属性！重要。

table.dataTable thead th {
  border-bottom: none !important;
}
table.dataTable.no-footer {
  border-bottom: none !important;
}

Answer 5

如果您的数据表没有页脚（因为您的配置选项），@ davidkonrad的解决方案将无效。但是，如果添加页脚，然后使用CSS :)隐藏它，您仍然可以使用该解决方案。