Question

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

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

是datatables.net的例子，但是我不知道如何制作它的头或尾，而我想要做的只是一件简单的事。

或者“sDom”之外是否更适合我想做的事情？

Answer 1

以下是修改后的sDom的实际示例。

我们在这里注入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）如何设置元素样式（ s）与您的CSS。

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

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

Answer 2

我同意您的说法，DataTables 'sDom'属性令人困惑。我个人只是设置sDom等于't'，它只创建表，我使用jQuery或其他方法添加任何按钮或你在DataTables代码之外的东西。答案不是很多，但如果我在你的情况下想要做一些简单的事情，比如添加一个按钮，那就是我会做的。