JQuery DataTables是一個流行的JavaScript表格插件,可以為HTML表格提供豐富的功能。其中一項重要的功能是能夠使用戶以多樣化的方式修改表格內容。下面將給出一些示例代碼。
//1. 添加一行 var table = $('#myTable').DataTable(); table.row.add( [ '第四行數據', '第四行數據', '第四行數據', '第四行數據' ] ).draw(); //2. 刪除一行 $('#myTable tbody').on('click', 'tr', function () { table.row(this).remove().draw( false ); }); //3. 修改一行 var table = $("#myTable").DataTable(); var row = table.row(0); row.data( [ "修改后的數據1", "修改后的數據2", "修改后的數據3", "修改后的數據4" ]).draw();
通過以上代碼可以看到,在JQuery DataTables中,添加、刪除、修改表格內容都非常簡單??梢愿鶕枨筮x擇不同的函數實現對表格內容的修改操作。