javascript - jQuery 数据表 - 选择不起作用

标签 javascript jquery datatables

当我在给定表上应用 dataTables 功能并希望它可供选择时,我执行以下操作:

 var table = $('#table').DataTable( {
        select: true
    });

这在同一站点的第一个表上运行良好。但是,当我尝试有第二个可选择的表时,它只是不会在单击时选择。不过,它显示了信息消息“单击以选择”。

在加载dataTables.js本身之后,我已经加载了dataTables.select.min.js文件。 (即使没有加载 dataTables.select.min.js,它也适用于网站上的第一个表,但我想确定一下..)

我也尝试在初始化后应用table.select(),它也不起作用。

关于为什么这不能正常工作有什么想法吗?

DataTabels版本是1.10.16,选择版本是1.2.3

编辑:我的第二个表是通过单击按钮构建的,通过 ajax 调用异步获取数据,然后使用 js .innerHTML 实际构建第二个表的 DOM。所以也许问题是,我没有对 $(document).ready 上的第二个表应用数据表功能,因为我没有这样做的选项?

最佳答案

使用类名初始化表一次:

var table = $('.example').DataTable({
    select: true
});

或者使用 ID 单独初始化表:

var table1 = $('#example1').DataTable({
    select: true
});

var table2 = $('#example2').DataTable( {
    select: true
});

参见this example用于代码和演示。

关于javascript - jQuery 数据表 - 选择不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47412371/

相关文章:

javascript - 如果选中或未选中复选框,则实时更新值

javascript - 移动设备的动态导航栏

javascript - 如何更改 Ajax 请求类型和数据

jquery - 同一类 foreach 在数据表 jquery 中不起作用

javascript - 从 JSON 自动生成 HTML

javascript - 什么是 javascript monorepo 的正确方法

javascript - 为什么指定其他类型时 GooglePlacesAPI 自动完成会返回场所?

javascript - jQuery - 如何在对象内的数组中查找特定的 JavaScript 对象?

javascript - 确定页面顶部和div底部之间的距离

javascript - 我无法使用数据表 jquery 显示 aaData 的总计值