jQuery Datatables添加自定义表单元素

Question

我使用基本的init设置数据表。我希望能够在表格下方有复选框和提交按钮。有没有办法自定义表格下面的“行”信息？

如果我只是在表格之后添加提交按钮，这就是它的样子

这就是我想要它的样子

我需要一个能够解释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'>");
            }
     }
);