1つのページに複数のテーブルがあり、それぞれのテーブルを異なる方法で処理したい場合は、何をすべきかを明確にするためにdatatables.netのWebサイトを参照しています。1つのページに複数のテーブルを持つデータテーブル
私は明らかにしました。別々のidにそれぞれ割り当ててから、私のjsでそれぞれのコードを実行しますが、なんらかの理由でそれを許可しません。エラーは出ませんが、データテーブル自体が壊れて何も実行しません。
$(document).ready(function() {
var oTable = $('#inbox').dataTable({
"bAutoWidth": false,
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [ 0, -1 ] },
{ "sWidth": "20px", "aTargets": [ 0, -1 ] },
{ "sWidth": "100px", "aTargets": [ 1 ] },
{ "sWidth": "150px", "aTargets": [ 3 ] }
]
});
var oTable = $('#sent').dataTable({
"bAutoWidth": false,
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [ 0, -1 ] },
{ "sWidth": "20px", "aTargets": [ 0, -1 ] },
{ "sWidth": "100px", "aTargets": [ 1 ] },
{ "sWidth": "150px", "aTargets": [ 3 ] }
]
});
});
UPDATE
$(document).ready(function() {
var oTable = $('.dataTable').dataTable({
"bAutoWidth": false,
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [ 0, -1 ] },
{ "sWidth": "20px", "aTargets": [ 0, -1 ] },
{ "sWidth": "100px", "aTargets": [ 1 ] },
{ "sWidth": "150px", "aTargets": [ 3 ] }
]
});
});
$(window).load(function(){
/*
* Tabs
*/
$('#tab-panel-1').createTabs();
});
も参照してくださいhttp://stackoverflow.com/questions/1790065/how-to-put-multiple- jquery-datatables-in-one-page –
ありがとうございます。私はみんなを見なければならず、良いものを見つけることができなかったにちがいない。 –
何らかの理由で、両方のテーブルにdataTableのクラスを適用し、代わりに( '.dataTable).dataTabl({...これはまだ正しく機能していません} –