Question

我试图在用户点击jquery数据表的页脚单元格时获取列名。

我试图遵循这个：https://datatables.net/forums/discussion/24593/retreive-column-idx-when-clicking-on-header

而且，https://datatables.net/reference/type/column-selector

但是，我使用以下代码“未定义”，

server {
  listen 80;
  listen [::]:80;
  server_name example.com www.example.com;
  return 301 https://www.example.com$request_uri;
}
server {
  listen 443 ssl http2;
  listen [::]:443 ssl http2;
  server_name www.example.com;
  ...
}

任何建议都将不胜感激。

Answer 1

原因

只有在使用标题th节点或表体td节点时才能选择列，这就是它不起作用的原因。

解

尝试使用以下代码获取实际的列索引。

需要修饰符:visible，因为$(this).index()使用实际DOM元素进行操作，并返回当前可见列中th节点的索引。但是，当使用各种扩展时，jQuery DataTables可能会从DOM中删除列，例如Responsive，Buttons - Column visibility等，实际列索引可能与DOM中列的索引不同。

$('#example').on( 'click', 'tfoot th', function () { 
    var index = table.column($(this).index() + ':visible').index();
});

请参阅this example以获取代码和演示。

jquery datatable - 通过单击表页脚单元格获取列名称

1 个答案:

原因

解