Jquery数据表删除水平线

Question

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

请看下面的截图: 我正在尝试使用 google chrome 元素检查器找到该行，但没有成功。

Answer 1

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

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

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

<小时/>

如果您没有指定任何页脚，即没有<tfoot></tfoot>部分，这样删除底线:

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

<小时/>

如果您有多个数据表并且只想删除一个(或多个)特定表的边框，请替换 table与 table #id作为选择器:

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

演示 -> http://jsfiddle.net/Ljortyx8/