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

【问题标题】：Datatables sDom challenge add new element to bottom left of tableDatatables sDom 挑战将新元素添加到表格的左下角
【发布时间】：2012-05-25 18:50:07
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript jquery jquery-datatables

【解决方案1】：

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

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

在这里，我们注入了一个名为 <div id="refresh"></div> 的 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。

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

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

【讨论】：

【解决方案2】：

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

【讨论】：