Question

我正在尝试datatables。这是我正在看的例子，当我在刷新页面时尝试它时，我得到所有项目，而不仅仅是前10个和分页。但是，当我进行过滤/搜索时，表格工作，即重新格式化显示10项和分页。我已经放置了以下脚本来“强制”限制10个项目和分页，但它不起作用。

<link rel="stylesheet" href="http://cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css"></style>
<script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>

...

$(document).ready(function(){
  $('#example').dataTable( {
      "paging": true,
      "pageLength": 10,
      "lengthMenu": [10,15],
      "displayLength": 10
    } )


});
</script>

在我尝试过滤表格或更改显示的项目之前，似乎没有执行脚本。默认行为似乎是显示一切。

如何更改它以使默认行为显示10个项目并设置分页。我正在使用firefox和chrome，以及最新的bootstrap

***************找到它*************

很抱歉，错误是因为我使用的是旧版本的jquery，至少看起来似乎是

我已经改变了

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

到

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

并将脚本简化为

        <script>

        $(document).ready(function() {
    $('#example').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],

    } );
} );
        </script>

它运作良好

加载完所有数据后格式化数据

0 个答案: