js dataTable无法正常工作

时间:2013-05-14 15:20:17

标签: javascript jquery datatables

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

   <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>

没有任何异常。然后,填充数据表我必须在我按下BUTTOM后进行ajax调用(不是之前的任何事情)。这会返回很多数据,但看看表是如何显示的: enter image description here

我需要做什么让它成为分页?这是我尝试过的:

“bPagination:”

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

“bLengthChange”

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

注意:所有这些都包含在$(document).ready(function(){....})

只需添加$("#Mytable").dataTable();

,我就可以正常使用其他表格

enter image description here

我做错了什么?如果需要其它东西,请告诉我。

2 个答案:

答案 0 :(得分:1)

你的html中的表id是“table_list_values”,你的数据表函数正在寻找#ListValues

任何时候你看到一个奇怪的数据表,即没有分页,列关闭,jquery ui样式没有应用,赔率是它的选择器或表格html

答案 1 :(得分:0)

如果您想要分页,则需要在

上将其设置为true
 $('#ListValues').dataTable( {
    "bPaginate": true
  } );