DataTables - columns.render
HTML
<link rel="stylesheet" href="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.css">
<script src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
</tr>
</thead>
</table>
JavaScript
$(document).ready(function() {
var data = [
["5555", "07/17/2010", "RCC Saturday Open", "E10", "Harris, Fred", "1900", "Nikolayev, Igor (FM)", "2367", "1-0"],
["5554", "07/17/2010", "RCC Saturday Open", "B01", "Nikolayev, Igor (FM)", "2367", "Motroni, Richard", "1728", "1-0"]
];
var table = $('#example').DataTable({
data: data,
columnDefs: [{
targets: 0,
render: function(data, type, row, meta) {
var title = $('#example').DataTable().columns(meta.col).header();
var columnName = $(title).html();
console.log(columnName)
return data;
}
}]
});
});