jquery datatable“bLengthChange”：true，不显示lengthmenu

Question

您好我设置了一个长度菜单，我的数据表版本是DataTables 1.10.13

 "dom": '<f<t><"#df"<"pull-left" i><"pull-right"p><"pull-right"l>>>',
                    "lengthChange": true,
                    "lengthMenu": [[10, 20, 30, -1], [10, 20, 30, "All"]],

但是长度菜单没有显示，我用火检查，但发现.dataTables_length没有更改为display: none;。根据我的理解，我认为此类由"lengthChange": true,控制，那么为什么它没用？请帮忙。

.dataTables_length {
    display: none;
}

Answer 1

https://jsfiddle.net/4z3ahj70/

JS

Unhandled Exception:

System.FormatException: <Timeout exceeded getting exception details> occurred

HTML

$(document).ready(function() {
    $('#example').DataTable( {
         "dom": '<f<t><"#df"<"pull-left" i><"pull-right"p><"pull-right"l>>>',
         "lengthChange": true,
         "lengthMenu": [[10, 20, 30, -1], [10, 20, 30, "All"]],
    });
});

我很快将您的代码发布到Datatables网站上的一个示例中，如果您向下滚动到表格下方，您将看到您的长度菜单显示。

（请注意，我也为这个小提琴添加了必要的外部文件，对jQuery的引用以及对缩小的datatables.js文件的引用。所以请确保你也在自己的内容中引用它们。加价！）

如果您希望将长度菜单重新定位到表格上方，为了更好地过滤可见性，您可以移动＆＃34; l＆＃34; （ l engthMenu）在＆＃34; Dom＆＃34;在＆＃34; t＆＃34;之前（的吨能）。

Answer 2

检查 css 文件中的 select 元素是否具有 display：none ，并将其更改为 display：block 或 inline-block 。这就是我发生的事情。