Jquery 向表尾添加按钮

Jquery 向表尾添加按钮,jquery,datatables,Jquery,Datatables,我正在寻找一种方法,我可以添加一个“添加新的”按钮到我的datatables页脚区域,这样当点击时,就会将用户发送到添加新表单。我在datatables网站上查看过,不确定是否应该使用此功能 对此还有其他想法吗 var oTable = $('#users').dataTable({ "bAutoWidth": false, "aoColumnDefs": [ { "sWidth": "60px", "aTargets": [ 0, -1 ] },

我正在寻找一种方法,我可以添加一个“添加新的”按钮到我的datatables页脚区域,这样当点击时,就会将用户发送到添加新表单。我在datatables网站上查看过,不确定是否应该使用此功能

对此还有其他想法吗

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

你不应该需要桌面工具

在datatables中,可以设置指定表的DOM布局的
sDOM
属性。您可以阅读更多关于它的内容,但提出它的要点是,它将允许您指定一个自定义
div
,以放置在页脚中。然后可以使用jQuery将按钮附加到该div或类似的内容。此外,CSS应该可以很好地将该元素定位在页脚中

祝你好运

更新:我刚去了你的网站,查看了你的datatables设置。因为您使用的是一个模板,所以他们提供的datatables代码在某种程度上已经被屏蔽了,这意味着您在datatables.net支持站点中看到的一些“默认值”无法应用。他们肯定改变了sDom的默认设置。这是他们正在使用的…:

'<"top"lf<"clear">>rt<"actions"<"actions-left"i><"actions-right"p>>'
'rt'
看起来“actions”是它们的页脚
div
。简单的方法是通过
$(选择器).append()动态添加按钮。如果您需要这方面的帮助,我将访问jQuery站点

再次祝你好运

更新2:回应您的评论:

那么选择器是什么呢


您的选择器将是
“#操作”
。但是,如果您不熟悉上面的
$
语法,那么阅读下面的内容会帮您一个忙。如果您已经熟悉jQuery并且只是在寻找要使用的选择器ID(在这种情况下,供将来参考-datatables
sDom
参数中引号中的任何内容都将是您可以在选择器中使用的
div
的ID)。

它需要位于表尾吗?或者它可能只是在表的下面,并被设置为与表相关的样式?
$('addnew')。insertAfter('example_info')在链接页面的控制台窗口中运行。类似的东西?这里是它的外观,换句话说,它没有显示任何东西。嗯,它看起来不错,但是我没有sDom设置。默认情况下它是什么。我只是想添加一些东西,但不知道默认值是什么。下面是JSFIDLE和js文件,其中的datatables代码在页脚中是mydatatables.js,并在文件中查找表#用户。我找到了表示默认值的两个选项,但当我按照它所说的将这两个选项都放进去时,它们的布局会发生变化,因此我不理解我的datatable?现在您只是链接到外部js文件,所以我无法告诉您任何datatables设置。这些设置在mydatatables.js文件中。