jQuery dataTables header 点击自定义事件

Question

如何为数据表中的某些表标题添加自定义单击事件。我已从除第一列之外的每一列中删除了默认排序事件。所以我想将自定义事件添加到这些列中。我想找到用户单击的列的索引。

到目前为止我尝试过的是这个。但我不知道如何找到用户单击的列的索引。

var table = $('#example').dataTable( {
    "data": data_set,
    "columns": column_titles,
    "columnDefs": column_defs
} );

$('#example thead').on( 'click', 'th', function () {         
    alert( 'Column clicked on: ');
} );

附注我找到了这篇文章https://datatables.net/reference/api/column().header()并跟随它。但是当我调用 table.cell() 时，它给出了错误。

$('#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() );
 } );

Answer 1

var table = $(`#mytable`).DataTable({
    ...
});

var headers = table.columns().header().toArray();

$(headers).on('click', function () {
    // do something
});