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

Question

我想在表格底部的表格中添加一个“刷新”按钮。但是我刚开始使用数据表，它有点令人困惑，就像“sDom”部分一样，它说我可以通过这种方式做到这一点，但描述充其量是模糊的。

"sDom": '<"top"i>rt<"bottom"flp><"clear">'

是 datatables.net 的例子，但我不知道如何做出正面或反面，我想做的只是一件简单的事情。

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

Answer 1

这是一个修改后的实时示例sDom。

http://live.datatables.net/onaqul/edit#javascript,html,live

在这里，我们使用 structrue 注入一个div被调用<div id="refresh"></div>的对象<"#refresh">。

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

如果您检查示例中生成的 dom，您可以看到<div id="refresh"></div>被插入到<div class="bottom"></div>.

我认为很大程度上取决于（1）您的特定表格如何布置其页脚元素，（2）您决定使用sDom注入特定元素的位置，以及（3）如何使用CSS.

或者，您可以在 datatables 环境之外创建一个按钮，但使用 jquery 将您的按钮附加或预先添加到 datatables 创建的 dom 元素之一。

希望这是一个有用的起点。

Answer 2

我同意您的观点，即 DataTables'sDom'属性令人困惑。就我个人而言，我只是设置sDomequal to 't'，它只创建表，然后我使用 jQuery 或其他方法在 DataTables 代码之外添加任何按钮或你有什么。没有太多的答案，但如果我遇到你的情况并想做一些简单的事情，比如添加一个按钮，这就是我会做的事情。