Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何向datatables创建的AD添加类?_Javascript_Datatable - Fatal编程技术网

Javascript 如何向datatables创建的AD添加类?

Javascript 如何向datatables创建的AD添加类?,javascript,datatable,Javascript,Datatable,我正在使用javascript创建一个数据表。应用程序本身使用引导,所有表当前都是通过向中添加“thead dark”类来设置样式的。但是,datatables在使用源数据生成时不添加此类。我查阅了datatables文档,但找不到已经内置的解决方案。所以我去了谷歌,尝试了一些不同的东西,但没有成功。我精通PHP,但对Javascript没有太多经验。由于这个表将用作文档管理器,PHP不太适合这个工作。因为我需要一直重新加载页面 谢谢你的帮助 HTML: JAVASCRIPT: <sc

我正在使用javascript创建一个数据表。应用程序本身使用引导,所有表当前都是通过向中添加“thead dark”类来设置样式的。但是,datatables在使用源数据生成时不添加此类。我查阅了datatables文档,但找不到已经内置的解决方案。所以我去了谷歌,尝试了一些不同的东西,但没有成功。我精通PHP,但对Javascript没有太多经验。由于这个表将用作文档管理器,PHP不太适合这个工作。因为我需要一直重新加载页面

谢谢你的帮助

HTML:


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>

变量数据集=[
[“老虎尼克松”、“系统架构师”、“爱丁堡”、“5421”、“2011/04/25”、“320800美元”],
[“Garrett Winters”、“会计师”、“东京”、“8422”、“2011/07/25”、“170750美元”],
[“寿投”、“区域营销”、“东京”、“8899”、“2011/08/14”、“163000美元”],
[“米歇尔之家”、“整合专家”、“悉尼”、“2769”、“2011/06/02”、“95400美元”],
[“Suki Burks”、“开发商”、“伦敦”、“6832”、“2009/10/22”、“114500美元”],
[“Prescott Bartlett”,“技术作者”,“伦敦”,“3606”,“2011/05/07”,“145000美元],
[“加文·科尔特斯”、“队长”、“旧金山”、“2860”、“2008/10/26”、“235500美元”],
[“Martena Mccray”、“售后支持”、“爱丁堡”、“8240”、“2011/03/09”、“324050美元”],
[“Unity Butler”、“营销设计师”、“旧金山”、“5384”、“2009/12/09”、“85675美元”]
];
$(文档).ready(函数(){
$('#文档_tbl')。数据表({
数据:数据集,
栏目:[
{标题:“姓名”},
{标题:“职位”},
{标题:“办公室”},
{标题:“Extn.”,
{标题:“开始日期”},
{标题:“薪金”}
]
});
});

我想您只是想在呈现datatables之后向表中添加一个类

您只需在datatable调用之后调用:

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

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

这会将类添加到not中。这就是我面临的困难。我正在尝试将该类应用于生成的。没问题!我会编辑!我不知道你的CSS知识,但那些选择器工作相同!我有一个后续问题。如何引用表之前的最后一个div?请检查此项:。所以它可能类似于$('documents'u tbl thead')。最近('div'))
$('#documents_tbl thead').addClass('thead-dark');