この記事は、jQueryのプラグイン、DataTablesについての記事です。
なんかC#のDataTableとかと間違えるかもと思って書いておきます。
テーブルのtdタグをクリックした時の列番号の取得とかは、こんな例が載ってたりします。
http://datatables.net/reference/api/cell().index()
でもなぜか、theadのthタグの列番号の取得方法がありません。
というわけで作りました。
var table = $('#example').DataTable();
$('#example thead').on( 'click', 'th', function () {
var columnIdx = table.column(this).index();
console.log(columnIdx);
});
これでヘッダをクリックした時の列数が取得し放題です。
ソート処理をカスタマイズしたい時とかは便利です。