jQuery Datatables 添加自定义表单元素

【问题标题】：jQuery Datatables adding custom form elementsjQuery Datatables 添加自定义表单元素
【发布时间】：2011-02-18 14:50:02
【问题描述】：

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

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

这就是我想要的样子

我需要一个解决 Javascript 开启或关闭的解决方案。

【问题讨论】：

你能告诉我如何设置这样的表格样式或给我链接吗？

标签： jquery datatables

【解决方案1】：

您对关闭 Javascript 的解决方案的要求是不可能的，因为只有在初始化 DataTable 时才会生成信息行。

信息行包含在一个 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'>");
            }
     }
);

【讨论】：