如何将类添加到由数据表创建的THEAD

Question

我正在使用javascript创建一个数据表。应用程序本身使用引导程序，并且所有表当前都通过添加"；thead dark"；类。但是，数据表在使用源数据生成时不会添加此类。我浏览了数据表文档，但找不到内置的解决方案。所以我去了谷歌，尝试了一些不同的东西，但没有成功。我对PHP很熟练，但对Javascript没有太多经验。由于此表将用作文档管理器，PHP不太适合此工作。因为我需要一直重新加载页面。

谢谢你的帮助！

HTML:

<div class="tab-pane" id="documents">
<div class="table-responsive">
<table id="documents_tbl" class="table table-hover table-striped table-bordered dt-responsive" style="width:100%"></table>
</div>
</div>

JAVASCRIPT:

<script>
var dataSet = [
[ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
[ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
[ "Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000" ],
[ "Michelle House", "Integration Specialist", "Sydney", "2769", "2011/06/02", "$95,400" ],
[ "Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500" ],
[ "Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000" ],
[ "Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500" ],
[ "Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050" ],
[ "Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675" ]
];
$(document).ready(function() {
$('#documents_tbl').DataTable({
data: dataSet,
columns: [
{ title: "Name" },
{ title: "Position" },
{ title: "Office" },
{ title: "Extn." },
{ title: "Start date" },
{ title: "Salary" }
]
});
});
</script>

Answer 1

我想您只想在数据表呈现后向表中添加一个类。

你可以在数据表调用后调用这个：

$('#documents_tbl thead').addClass('thead-dark');

不要忘记，如果您添加了Datatables的样式表，有些事情可能会干扰它。

Answer 2

您可以在初始化表后添加类。

$('#documents_tbl_wrapper thead tr th').each(function () { $(this).addClass('thead-dark') })