首页 > 解决方案 > 如何将消息添加到数据表分页行

问题描述

使用 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);

标签: jquerydatatablespagination

解决方案


更改dom选项,使其<"add_message">位于t( table) 之后,例如:

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

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

有关更多信息,请参见dom选项。


推荐阅读