ID Tab1 と Tab2 を持つ 2 つのテーブルがあります。
私がコードを通してやっていること:
ボタンの onclick イベントで、Tab2 の 1 行が削除され、Tab1 に追加されます。最初は、Tab1 にはデータが含まれていないため、Tab1 テーブルには、以下のコードを使用して「No Data Available」というメッセージが表示されます。
this.oLanguage = {
"sProcessing": "Processing...",
"sLengthMenu": "Show _MENU_ entries",
"sZeroRecords": "No matching records found",
"sEmptyTable": "No Data Available",
"sLoadingRecords": "Loading...",
"sInfo": "Showing _START_ to _END_ of _TOTAL_ entries",
"sInfoEmpty": "Showing 0 to 0 of 0 entries",
"sInfoFiltered": "(filtered from _MAX_ total entries)",
"sInfoPostFix": "",
"sInfoThousands": ",",
"sSearch": "Search:",
"sUrl": "",
"oPaginate": {
"sFirst": "First",
"sPrevious": "Previous",
"sNext": "Next",
"sLast": "Last"
},
"fnInfoCallback": null
};
ただし、Tab1 に 1 つの行が追加されると問題はありませんが、「利用可能なデータがありません」というメッセージが表示されます。つまり、テーブルは更新されません。
私はjavascriptで次のコードを持っています:
var oTable1=null;
var oTable2=null;
$(document).ready(function() {
oTable1 =$('#tab1').dataTable( {
"bPaginate": false,
"bInfo": false,
"aSort": false
});
oTable2 =$('#tab').dataTable( {
"bPaginate": false,
"bInfo": false
} );
});
データを追加した後に「利用可能なデータがありません」というメッセージが表示されないように、テーブルを更新するにはどうすればよいですか?