在表格底部显示页面长度

Question

所有,

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

具有分页的DataTables

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

我怎样才能做到这一点？

谢谢

Answer 1

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

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

此外,您应该将.css更改为显示在"显示...条目"旁边,因为它会显示在它上方.

这是sDom选项的解释:

允许以下选项:

• 'l' - 长度变化
• 'f' - 过滤输入
• 't' - 桌子!
• '我' - 信息
• 'p' - 分页
• 'r' - pRocessing

允许以下常量:

• '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示例:
• '<"包装"翻转>''ip>'

PS:这也可以帮助你:

数据表sDom

附加数据表长度在最底的最表