Question

我想在DataTables中的标题下面定义一条水平线（在thead之前和tbody之前）。

当我给thead一个1px的边界底部时，它会在完成DataTables的加载后消失：

<thead>                 
    <tr style="border-bottom: 1px solid #000;">
    <td>CONTENT</td>
    </tr>
</thead>

如何在thead下方获得此水平线？

Answer 1

通常，HTML表结构使用th元素（而不是td）来表示列标题。所以在这样的结构中：

<table>
    <tr>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

您可以简单地使用您想要的边框定位标题单元格：

th{
    border-bottom:1px solid #000;
}

Answer 2

你应该试试这个。在数据表加载函数

之后添加此行

$("thead tr").css("border-bottom","5px solid #000");

DataTables水平线在thead下面

2 个答案: