Javascript Datatables sDom挑战将新元素添加到表的左下角

Javascript Datatables sDom挑战将新元素添加到表的左下角,javascript,jquery,jquery-datatables,Javascript,Jquery,Jquery Datatables,我想在表格底部的表格中添加一个“刷新”按钮。但我刚刚开始使用datatables,它有点让人困惑,因为“sDom”部分说我可以通过这种方式来实现这一点,但描述充其量是模糊的 "sDom": '<"top"i>rt<"bottom"flp><"clear">' “sDom”:“rt” 这是datatables.net的例子,但我不知道该怎么做,我只想做一件简单的事 或者“sDom”之外是否有一个更适合我想做的事情?我同意您的看法,DataTables'sDo

我想在表格底部的表格中添加一个“刷新”按钮。但我刚刚开始使用datatables,它有点让人困惑,因为“sDom”部分说我可以通过这种方式来实现这一点,但描述充其量是模糊的

"sDom": '<"top"i>rt<"bottom"flp><"clear">'
“sDom”:“rt”
这是datatables.net的例子,但我不知道该怎么做,我只想做一件简单的事


或者“sDom”之外是否有一个更适合我想做的事情?

我同意您的看法,DataTables
'sDom'
属性令人困惑。就我个人而言,我只是将
sDom
设置为等于
't'
,这只创建了表,我使用jQuery或其他方法在DataTables代码之外添加了任何按钮或其他东西。答案不多,但如果我处在你的处境,想做一些简单的事情,比如添加按钮,我会这么做。

下面是一个修改后的
sDom
的实例

在这里,我们正在注入一个名为
div,其结构为

$('#示例')。数据表({
“sDom”:“rt”
});
如果检查示例中生成的dom, 您可以看到在
中插入了

我认为这在很大程度上取决于(1)特定表的页脚元素的布局,(2)您决定在何处使用注入特定元素,以及(3)如何使用
CSS
设置元素的样式

或者,您可以在datatables环境之外创建一个按钮,但可以使用jquery将您的按钮附加或前置到datatables创建的一个dom元素中

希望这是一个有用的起点

    $('#example').dataTable({
        "sDom": '<"top"i>rt<"bottom"<"#refresh">flp><"clear">'
      });