如何获取dataTables的“表头名称”

Question

DataTable Image -> 当我尝试像这样获取表头名称时，我只得到了第一列的名称，即名称... 但我需要获取所有表头名称。如何获取所有的表头名称？

this.api().columns().every( function ($i) {
   var column = this;
   var order = this.order();
   var title = this.column(order[0][$i]).header();
   var tt = $(title).html();
   console.log(tt);
})

- Md.Kamruzzaman Khondakar

Answer 1

看起来有点过于复杂:

this.api().columns().every(function() {
  console.log( this.header().textContent )
})

会“解决问题”。

- davidkonrad

---

这对我起了作用...非常感谢你。 - Amjo

这也显示隐藏列。很整洁 :) - sg552

Answer 2

这对我有用：

这对我有用：

table.columns().header().map(d => d.textContent).toArray()

- Anton vBR

Answer 3

   Alert the name of the column for a cell that was clicked on:



var table = $('#example').DataTable();
    $('#example tbody').on( 'click', 'td', function () {
        var idx = table.cell( this ).index().column;
        var title = table.column( idx ).header();
        alert( 'Column title clicked on: '+$(title).html() );
    } );

- Manish Singh

Answer 4

var dataTableHeaderElements = $('#tableId').DataTable().columns().header();
var headers = [];
for (var i = 0; i< dataTableHeaderElements.length; i++) {
    headers.push($(dataTableHeaderElements[i]).text())    
}

- Vasanth Amala Xavier

---

你的回答可以通过添加更多关于代码的信息以及它如何帮助提问者来改进。 - Tyler2P