javascript - js数据表不工作

Question

我不知道我做错了什么。我有这样的普通表：

   <table id="table_list_values">
        <thead>
            <tr>
                <th>
                    Seq
                </th>
                <th>
                   Order
                </th>
                <th>
                    Code
                </th>
                <th>
                    Description
                </th>
                <th>
                    Label Code
                </th>
            </tr>
        </thead>
    </table>

没什么不正常的。然后，填充数据表，一旦我按下按钮（而不是在其他任何东西之前），我就必须进行 ajax 调用。这给我返回了很多数据，但看看表格是如何显示的：

我该怎么做才能让它分页？这是我尝试过的：

“b 分页：”

  $('#ListValues').dataTable( {
    "bPaginate": true
  } );

“bLengthChange”

  $('#ListValues').dataTable( {
    "bLengthChange": false
  } );

注：全部包在$(document).ready(function(){....})

我有另一个表可以正常工作，只需添加$("#Mytable").dataTable();

我做错了什么？如果还有其他需要，请告诉我。

Answer 1

您的 html 中的表 id 是“table_list_values”并且您的数据表函数正在寻找#ListValues

任何时候你看到一个看起来很奇怪的数据表，即没有分页，列关闭，没有应用 jquery ui 样式，很可能是它的选择器或表 html

Answer 2

如果你想让它分页，你需要将它设置为 true on

 $('#ListValues').dataTable( {
    "bPaginate": true
  } );