LoginSignup
9
10

More than 5 years have passed since last update.

DataTables(jQuery Plugin)で、thをクリックした時の列番号(column index)の取得方法

Posted at

この記事は、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);
});

これでヘッダをクリックした時の列数が取得し放題です。
ソート処理をカスタマイズしたい時とかは便利です。

9
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
10