数据表 sDom 质询将新元素添加到表的左下角

Datatables sDom challenge add new element to bottom left of table

本文关键字：添加 左下角 元素 sDom 新元素 数据表      更新时间：2023-09-26

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

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

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

还是"sDom"之外的外部更适合我想做的事情？

这是一个修改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 元素中。

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

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

相关文章：