【问题标题】:Datatables Pagination not working initially数据表分页最初无法正常工作
【发布时间】:2012-08-10 13:14:26
【问题描述】:

我有一个搜索表单,它从数据库中提取各种行,然后显示在表格中。用于拉行的代码工作正常。我正在使用数据表以用户友好的方式显示。数据表代码正在工作,因为一旦表格被填充,我可以看到搜索控件等和下一个上一个按钮,但是表格似乎没有在初始加载时完成分页。

没有“显示 ** 到 ** 个 ** 条目”文本,并且返回的所有行都会显示,但是一旦我单击下一步按钮或仅使用显示 10/25/50/100 下拉分页开始并分页从此完美运行。我正在拔头发,因为昨天这对我有用,我想不出我已经改变了什么来停止它的工作:

我在下面初始化数据表

$(document).ready(function() {
    $('#blog-search').dataTable( {
        "aaSorting": [[ 4, "DESC" ]],
        "aoColumnDefs": [
          { "sType": "numeric-comma", "aTargets": [ 2 ] }

        ],
        "bPaginate": true,

    } );
} );

列的排序也

【问题讨论】:

  • ** to ** of ** entries 文本没有显示唯一的问题吗?即使您看不到它,它是否在 DOM 中?你是设置iTotalDisplayRecords还是iTotalRecords
  • datatables_info 元素在 DOM 中,但它是空的,但是当我单击下一步时,它会显示正确的数据并开始分页。我没有设置 iTotalDisplayRecords 或 iTotalRecords,这是我需要做的吗?
  • 您能否通过 DataTables 调试器运行您的表并给我们调试代码:debug.datatables.net。顺便说一句 - 你有一个 IE 将拒绝的尾随逗号。
  • 我不知道这是否重要,但“DESC”对我不起作用,除非它是小写的。 "aaSorting": [[ 4, "desc" ]],。全部大写后,我在控制台中收到Uncaught TypeError: Property 'string-DESC' of object #<Object> is not a function 错误。
  • @AllanJardine 我现在发现了问题,正如 Jeemusu 建议的那样,它是大写的 DESC(如果您添加答案,我会很乐意为您接受)。我还删除了 IE 的尾随逗号。谢谢你们两个:)

标签: jquery datatables jquery-pagination


【解决方案1】:

当我将您的代码添加到 jsfiddle 时,我在控制台中收到以下错误消息:

Uncaught TypeError: Property 'string-DESC' of object #<Object> is not a function

经过进一步调查,您的代码中的"aaSorting": [[ 4, "DESC" ]], 行似乎是问题所在。排序字符串必须全部小写,即"desc" 不是 "DESC"

工作代码如下:

$(document).ready(function() {
    $('#blog-search').dataTable( {
        "aaSorting": [[ 4, "desc" ]],
        "aoColumnDefs": [
          { "sType": "numeric-comma", "aTargets": [ 2 ] }

        ],
        "bPaginate": true,

    } );
} );

【讨论】:

    猜你喜欢
    • 2023-03-12
    • 1970-01-01
    • 1970-01-01
    • 2013-12-14
    • 2014-09-21
    • 2013-08-22
    • 2012-09-25
    • 2016-07-29
    • 2017-11-27
    相关资源
    最近更新 更多