jQuery DataTables 是一款非常流行的前端表格庫,它可以方便地展示和處理大量數據。在使用過程中,我們可能需要動態地添加新的數據行,這時候我們可以使用 DataTables 提供的 API 來實現。
首先,在添加數據行前,我們需要先創建一個 DataTables 實例,然后將數據加載到表格中。在此基礎上,我們可以使用以下代碼來添加新的行:
// 獲取 DataTables 實例 var table = $('#example').DataTable(); // 創建一行新數據 var newRow = [ 'John Doe', 'johndoe@example.com', 'Male', 'New York' ]; // 把新行添加到表格中 table.row.add(newRow).draw();
以上代碼中,我們首先獲取到 DataTables 實例,然后創建一個新的數據行,其中包含四列數據。接著,我們使用row.add()
方法將新行添加到表格中,并通過draw()
方法刷新表格顯示。
需要注意的是,在添加新行后,我們需要調用draw()
方法刷新表格顯示,否則新行不會立即顯示在表格中。
除此之外,DataTable 還提供了其他很多有用的 API,比如刪除行、修改行等,我們可以根據自己的需求進行調用。