Jquery数据表删除水平线

Question

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

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

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

如果您有多个DataTable并且只想删除一个(或多个)特定表的边框,请table将该表替换#id为选择器:

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

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

Answer 2

它在CSS中：

table.dataTable.display tbody td

这是边框顶部：

border-top: 1px solid #ddd;

对于每个单元格。

或仅适用于标题：

在CSS中：

<thead>
 <th>
  <td>
Td property:
border-bottom: 1px solid #111;

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

对我来说它有效，正如你所看到的：