row().remove()
自:DataTables 1.10
從 DataTable 中刪除選定的列。
描述
這個方法(以及其複數版本 rows().remove()
)將完全從 DataTable 中移除選定的列,並從瀏覽器中刪除該列的資料和節點所配置的記憶體。
請注意,此方法會在內部從表格中移除資料,但該操作在呼叫 draw()
方法更新顯示之前不會視覺化地呈現出來。這可以簡單地作為 row().remove()
方法的回傳物件的鏈式方法來呼叫 - 例如 table.row().remove().draw();
。如果有多列被刪除以進行優化,則此方法用於減少所需的繪製次數。
類型
範例
當在列中點擊刪除圖示時,刪除該列
var table = new DataTable('#myTable');
$('#example tbody').on('click', 'img.icon-delete', function () {
table
.row($(this).parents('tr'))
.remove()
.draw();
});
將一列從一個表格轉移到另一個表格(請注意,這適用於 DOM 來源的表格,對於其他資料來源,請使用 row().data()
)
var table1 = $('#example1').DataTable();
var table2 = $('#example2').DataTable();
$('#example tbody').on('click', 'img.icon-transfer', function () {
var row = table1.row($(this).parents('tr'));
var rowNode = row.node();
row.remove();
table2.row.add(rowNode).draw();
});
相關
以下選項直接相關,可能在您的應用程式開發中也很有用。