Question

我正在寻找一种方法，我可以在我的数据表页脚区域添加“添加新”按钮，以便在单击时将用户发送到添加新表单。我查看了datatables网站，不知道我是否应该使用这个。

http://datatables.net/extras/tabletools/

对此有何其他想法？

var oTable = $('#users').dataTable({
    "bAutoWidth": false,
    "aoColumnDefs": [
        { "sWidth": "60px", "aTargets": [ 0, -1 ] },
        { "bSortable": false, "aTargets": [ -1 ] },
        { "sClass": "center", "aTargets": [ 0, -1 ] }
    ]
} );

Answer 1

您不应该使用TableTools。

在datatables中，您可以设置sDOM属性，该属性指定表的DOM布局。您可以阅读有关它的更多信息here，但提出它的要点是，它允许您指定要放置在页脚中的自定义div。然后，您可以使用jQuery将按钮附加到该div或类似的东西。此外，CSS应该可以正常工作，以便在页脚中定位该元素。

Here's more on the Datatables DOM settings

And here's a good question in the Datatables forum that might help you out

祝你好运！

更新：我刚刚访问了您的网站并查看了您的数据表设置。因为您正在使用模板，所以他们提供的数据表代码在某种程度上已被混淆 - 这反过来意味着您在datatables.net支持站点中看到的某些“默认值”无法应用。他们肯定改变了sDom默认值。这是他们正在使用的......：

'<"top"lf<"clear">>rt<"actions"<"actions-left"i><"actions-right"p>>'

看起来“行动”是他们的页脚div。简单的方法是通过$(selector).append()动态添加按钮。如果你需要帮助，我会访问jQuery网站。

再次 - 祝您好运！

更新2：回复您的评论：

那么选择器会是什么？

您的选择器将为'#actions'。但同样 - 如果您不熟悉上面的$语法，那么您可以通过阅读jQuery来帮助自己。如果您已经熟悉jQuery并且只是在寻找要使用的选择器ID，那我很抱歉（在这种情况下，为了将来参考 - 数据表sDom参数中的引号中的任何内容都将是div的ID 1}}你可以在你的选择器中使用。）

将Button添加到表格页脚

1 个答案: