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'>");
            }
     }
);