向 DataTables.js 列中的单元格添加引导属性

我正在尝试将一个属性添加到我有争议的第一列，所以我只是在 columns[] 设置中添加一个名为 popperup 的类。

但是要使引导程序弹出窗口正常工作，我需要添加属性 "tabindex":"0"

这可以通过 $(".popperup").attr({"tabindex":"0"})

完成

然而，这只会将它添加到我的数据表中加载 10 的第一个条目中，然后允许弹出框工作，问题是当您单击下一个分页按钮或编号按钮时，它不会像 tabindex:0 那样工作失踪

I have tried using

$("#Ttable3").on('page.dt',function() {

        console.log("here")

        $(".popperup").attr({"tabindex":"0"})

    });

这仅在您转到下一页然后再次返回时才有效。所以你点击下一页或转到第 2/3/4 页等什么都没有发生。你回到第 1 页，然后回到第 2/3/4 页，它会起作用

我怎样才能让"tabindex":"0"位于列中的每个单元格上

花几个小时处理一个问题，并在您将其发布到 Stackoverflow 上的那一刻修复它

我需要在随叫随到时使用 draw.dt。

这样

$("#Ttable3").on('page.dt',function() {

    console.log("here")

    $(".popperup").attr({"tabindex":"0"})

});

变成这样

$("#Ttable3").on('draw.dt',function() {

    console.log("here")

    $(".popperup").attr({"tabindex":"0"})

});

假设您已经定义了 DataTable 并将其分配给一个变量...

var table = $('#example').DataTable( {
  // your options here
} );

然后，您可以使用您定义的 table 引用，使用以下内容迭代第一列中的每个节点：

var selectedCol = table.column(0).nodes();
for (var i = 0; i < selectedCol.length; i++) {
  $(selectedCol).attr({ "tabindex": "0" })
}