Get column header with Parent child

Dorababu

How can I get the column header when there is same header present in parent child datatable

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

On clicking child row I am not getting the header name

Dorababu

I got the solution by the following

$("#example").on("click", 'tr td:not(:first-child)', function (){
var $td = $(this),
th = $('#example th').eq($(this).index());
alert(th.text()); 
});