DataTables添加导出选项后分页长度（Page Length）不显示问题

嘿，我来帮你搞定这个DataTables的小问题！你遇到的分页长度（Page Length）不显示的原因很明确：你的dom配置里漏掉了代表分页长度选择器的标识l。

DataTables的dom选项是用来控制表格周边控件的显示顺序和可见性的，每个字母对应一个特定组件：

• l: 分页长度选择器（就是你要的Page Length下拉框）
• B: 导出按钮组
• f: 搜索框
• r: 加载状态提示
• t: 表格主体
• i: 表格统计信息
• p: 分页按钮

你当前的dom: 'Bfrtip'里没有包含l，所以分页长度选择器根本不会被渲染出来。

修改后的配置代码 #

只需要把l添加到dom字符串里就行，位置可以根据你的布局需求调整，比如放在最前面：

dom: 'lBfrtip', // 新增'l'标识，让分页长度选择器显示
lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]], // page length options
buttons: [
    {
        extend: 'copy',
        exportOptions: {
            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22]
        }
    }
]

如果你想把分页长度选择器放在导出按钮后面，改成dom: 'Blfrtip'也可以——只要dom字符串里包含l，这个下拉框就会正常显示啦。

内容的提问来源于stack exchange，提问作者Govind Chinnasamy