如何解决如何将类添加到由数据表创建的THEAD?
我正在使用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","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","3606","2011/05/07","$145,[ "Gavin Cortez","Team Leader","San Francisco","2860","2008/10/26","$235,[ "Martena Mccray","Post-Sales support","8240","2011/03/09","$324,050" ],[ "Unity Butler","Marketing Designer","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>
解决方法
我想您只是想在呈现数据表之后向表中添加一个类。
您可以在数据表调用之后调用它:
$('#documents_tbl thead').addClass('thead-dark');
别忘了是否添加了Datatables样式表,某些事情可能会干扰到这一点。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。