javascript - 在表格底部显示页面长度

Question

全部，

我正在使用 Jquery 数据表。我正在使用以下示例:

DataTables with Pagination

我想知道是否有办法在底部而不是顶部显示“显示 10 个条目”。它应该显示在表格底部“显示 1 到 10 个条目中的 51 个条目”之前。

我该怎么做？

谢谢

Answer 1

这样做的方法是更改​​ .js 中的 sDom，您在其中定义表:

$('#TABLE_ID').dataTable({`
    "sDom": 'Rfrtlip'`    
 });

此外，您应该将 .css 更改为出现在“显示...条目”旁边，因为这样它就会出现在它上面。

这里是sDom选项的解释:

The following options are allowed:

• 'l' - 长度改变
• 'f' - 过滤输入
• '' - 表格!
• 'i' - 信息
• 'p' - 分页
• 'r' - 处理

允许使用以下常量:

• 'H' - jQueryUI 主题“标题”类('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')
• 'F' - jQueryUI 主题“页脚”类('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')

预期使用以下语法:

• '<' 和 '>' - div 元素
• '<"class"和 '>' - 带有类的 div
• '<"#id"和 '>' - 带有 ID 示例的 div:
• '<"wrapper"flipt>' 'ip>'

PS:这也可以帮助你:

datatables sDom

add-datatables-length-at-the-bottom-of-the-table