如何向标题列标签

时间:2016-01-10 04:12:00

标签: datatables datatables-1.10

我需要添加一个类似于enter image description here

的背景颜色

我认为唯一的解决方案是在容器内添加一个span,如下所示:

<th class="sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Companies: activate to sort column descending" aria-sort="ascending">
<span>Companies</span>
</th>

不幸的是,我不知道如何添加跨度

2 个答案:

答案 0 :(得分:3)

您可以在<span> / columns columnDefs选项中加入title

$('#example').DataTable( {
    columns: [
       { data: "name", title: '<span class="red">Name</span>'  },
       { data: "position", title: '<span class="blue">Position</span>' },
       //etc
   ]
})

示例 - &gt;的 http://jsfiddle.net/z1afh42j/

答案 1 :(得分:2)

bgcolor中添加此<th>属性,如下所示:

<th bgcolor="#FF0000">Companies</th>