jQuery Datatables添加自定義表單元素

Question

我有一個基本的初始化設置datatables。我希望能夠在表格下方有複選框和提交按鈕。有什麼方法可以自定義表格下方的「行」信息嗎？

這是什麼樣子，如果我只是表

這之後添加提交按鈕是什麼，我希望它看起來像

我需要佔JavaScript作爲一個解決方案打開或關閉。

Answer 1

由於只有在初始化DataTable時才生成信息行，因此您需要一個解決Javascript被關閉的解決方案。

信息行包裹在一個div標籤中，該標籤根據初始化表的ID獲取其ID。

例如，如果你的表聲明如下：

<table id='myTable'> </table> 

的信息行將出現在你的DOM，因爲這

<div id='myTable_info' class='dataTables_info'> Showing 1 to 2 of 2 entries </div> 

前面加上「刪除」按鈕，將您的信息排，每次渲染表時，都需要使用fnDrawCallback來包含按鈕。

$("#myTable").dataTable(
    { 
      "fnDrawCallback": function() 
      { 
       $("#myTable_info").prepend("<input type='button' value='Remove'>"); 
      } 
    } 
);