如何将消息添加到数据表分页行

Posted 2023-05-09

【中文标题】如何将消息添加到数据表分页行

【英文标题】：How to add message to datatables pagination line

【发布时间】：2019-08-17 03:24:36

【问题描述】：

使用 jQuery Datatables 我想将消息添加到与分页或页面选择器行相同的行。

使用下面的代码，我可以将自定义消息添加到顶部，但是无论如何将自定义消息移动到底部并让它浮动到 Datatables 页面选择器的右侧？我想我需要以某种方式在某处添加底部，但 DataTables 文档不是很有帮助。

        $("#tbl_usersearch").dataTable(
            searching: false, info: false, lengthChange: false, "dom": '<"add_message">frtip',
        );
        var add_html =
         '<div id="div_message" class="float_right ">' +
            '<img id="img_success" class="" src="/Content/Icons/success.png" style="height:18px;" />' +
            '<img id="img_warning" class="" src="/Content/Icons/warning.png" style="height:18px;" />' +
            '<span id="lbl_message">Message</span>' +
        '</div>';

        $("div.add_message").html(add_html);

【参考方案1】：

更改dom 选项，使<"add_message"> 在t (table) 之后，例如：

"dom": 'frti<"add_message">p'

如有必要，还将 CSS 规则应用于 add_message 类。

有关详细信息，请参阅dom 选项。

【讨论】：

那行得通吗？不知何故？您的回复帮助我更好地理解了文档。 DataTables 文档提供了示例，但没有讨论它们的实际工作方式。我现在看到我插入的任何内容都需要在 f 用于过滤器、t 用于表等之前或之后。