如何将多个dataTable放在一个页面中?

时间:2017-09-29 17:17:12

标签: javascript php datatables bootstrap-4

您好我正处于Intranet开发阶段,我在4个不同的表中使用DataTable,但只有一个表现良好,我怎样才能改变这种情况?

PHP页面(有一些葡萄牙语单词):

https://pastebin.com/xutdL6bc

这是JavaScript文件

$(document).ready(function() {
    $('#example').dataTable();
} );

如果我更改了表格的类别,“美女”将无效

1 个答案:

答案 0 :(得分:1)

更新

我查找了API,并找到了讨论有两个表的文档。他们根据这些表的类来实现这一点。因此,在您的情况下,它将是table.beauty

$(document).ready(function() {
    $('table.beauty').DataTable();
} );

然后获取所需类的表:

<table id="" class="beauty" cellspacing="0" width="100%">

有关更多文档,请查看their docs下的内容。它包含了开始使用代码所需的所有信息。

不,它不会,因为在您当前的代码中,由于您通过id#example)调用元素,因此更改类将绝对不会执行任何操作。您通过ID值#example调用jQuery元素。实际上,如果您希望按类应用代码,则必须更改JavaScript。

// only the element with the id of example
$(document).ready(function() {
    $('#example').dataTable();
} );

如果您希望根据班级更改#.。那看起来像是:

// any element with the class of example
$(document).ready(function() {
    $('.example').dataTable();
} );

注意:您的代码正在使用已被删除的mysql个功能,我知道您并未询问此问题;但如果您正在学习PHP,我建议您学习使用MysqliPDO会更有益。