jQuery DataTable是一種功能強大的Javascript表格插件,可以使用戶可以輕松地搜索、排序和過濾大量的數據。下面是如何使用jQuery DataTable刪除數據的教程。
// 獲取表格 var table = $('#example').DataTable(); // 監聽刪除按鈕點擊事件 $('#example tbody').on('click', 'button.delete', function () { // 獲取所在行的數據 var data = table.row($(this).parents('tr')).data(); // 彈出確認框 if (confirm("確定刪除" + data[0] + "嗎?")) { table.row($(this).parents('tr')).remove().draw(); } });
首先,我們需要獲取數據表格的實例,使用$('#example').DataTable()
方法。
然后,我們需要監聽刪除按鈕的點擊事件,并使用table.row($(this).parents('tr')).data()
方法獲取所在行的數據。我們可以使用confirm()
方法彈出確認框,提示用戶確認刪除操作。
最后,如果用戶確認刪除操作,我們可以使用table.row($(this).parents('tr')).remove().draw()
方法從數據表格中刪除該行數據。注意,我們需要使用draw()
方法重新繪制數據表格,使其反映出已刪除的行。