将按钮添加到表格脚注

我正在寻找一种方法，我可以添加一个“添加新的”按钮到我的数据表脚注区域，以便点击后将用户添加到新的表单。我查看了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 ] } 
    ] 
});

来源

2012-04-22 Jeff Davidson

是否需要*在*表格页脚？或者它可能仅仅在桌子下方，并且被设计为与桌子相关？ – Marc 2012-04-22 18:43:57

'$（'

'）.insertAfter（'＃example_info'）;'在您链接的页面的控制台窗口中运行。像那样的东西？ – Ohgodwhy 2012-04-22 18:47:37

下面是它的外观http://jsfiddle.net/uf3v7/ – 2012-04-22 18:54:47

您不应该需要TableTools。

在数据表中，您可以设置指定表的DOM布局的sDOM属性。你可以阅读更多关于它的文章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，您可以使用它您的选择器）。

来源

2012-04-24 13:15:30 mbeasley

它看起来不错，但我没有sDom套装。它的默认值是什么。我只是想添加一些东西，但不知道默认是什么。 – 2012-04-24 17:06:18

这是jsfiddle和带有datatables代码的js文件，我在脚注中使用了mydatatables.js，并在文件中查找表#users。 http://jsfiddle.net/wVrqS/ – 2012-04-24 17:16:43

我发现了两个选项，说它的默认BUT，当我把它们都放在它说，然后它改变它们的布局，所以我不明白我的数据表。 – 2012-04-24 17:17:42

将按钮添加到表格脚注

回答

相关问题