2016-06-30 32 views
1

私はDataTablesテーブルを持っています.trをクリックすると、最初のtdの値を取得できます。私はこのtdの可視性をfalseに設定しました。DataTables、隠しセルの値を取得

編集:これまでの2つの回答が、私が望むセルをクリックできると仮定しているためです。 私は値を必要とするセルをクリックできません。

$(document).ready(function() { 

    var table = $('#example').DataTable({ 
     select: false, 
     "columnDefs": [{ 
      className: "ID", 
      "targets":[0], 
      "visible": false, 
      "searchable":false 
     }] 
    });//End of create main table 



    $('#example tbody').on('click', 'tr', function() { 

     cellValue =  //code to get the cell value 
     console.log(cellValue); 

    }); 

}); 

私はfnGetColumnData、古いのDataTable法を用いた例をたくさん見たが、新しいcell.data()を実装する方法を確認していないしています。

誰でもお手伝いできますか?

+0

table.cell(this).data(); –

+0

@NagaSaiAセルでクリックしただけの価値を教えてくれませんか? – blackandorangecat

+0

セルの代わりにtdを使用し、table.cell(this).data()を使用します。 –

答えて

3

期待される結果を達成するため、行を使用して、隠された列のデータを取得するために(この).DATA()

$('#example tbody').on('click', 'tr', function() { 
    alert(table.row(this).data()[0]); 
    }); 

http://codepen.io/nagasai/pen/kXyazm

上記コードが隠された可視データと言及両方の完全な行データが返され述べ隠しコラム位置の位置

+0

これは、クリックしているセルを取得するための素敵なコードです。しかし、私が望む価値のためにセルをクリックすることはできません...私が望むセルは隠されています。私は行をクリックして、最初のセルの値を取得できるようにしたいと思います。 – blackandorangecat

+0

最初の値のみを取得する場合は、以下のオプションを使用してください。 $( '#example tbody')on( 'click'、 'tr'、function(){ console.log($(this)[0] .children [0 ] .innerHTML); }); –

+0

更新されたcodepen -http://codepen.io/nagasai/pen/WxjNPK –

関連する問題