【问题标题】:No matching records found in DataTable在 DataTable 中找不到匹配的记录
【发布时间】:2014-04-10 05:37:16
【问题描述】:

我正在使用 DataTable 从服务器端检索数据。这里。没有关于 DataTable 的信息。它显示没有找到匹配的记录错误。

这里,oLanguage.sEmptyTable 不工作,oLanguage.sZeroRecords 工作参考http://datatables.net/ref#sZeroRecords

var DataTableApp = $('#DataTableApp').dataTable({
    "sAjaxSource": "php/getAppDetails.php",
    "bRetrieve":true,
    "bDestroy":true,
    "bServerSide": true,
    //"bProcessing": true,
    "sAjaxDataProp": "aaData",
    //"bDeferRender": true,
    "sServerMethod": "POST",
    "iTotalDisplayRecords":1,
    "iTotalRecords":1,
    "oLanguage": {
      "sZeroRecords": "No records to displays"
    },


    "fnServerParams": function ( aoData ) {
        var imei_app = document.getElementById('imei').value;
        console.log(imei_app);
        aoData.push({"name":"imei","value":imei_app});
    },
    //aoColumns
    "aoColumns": [{
        "mData": "appName"
    }, {
        "mData": "appId"
    }, {
        "mData": "versionInstalled"
    }, {
        "mData": "appSize"
    }, {
        "mData":"dataSize"
    },{
        "mData": "appType"
    },{
        "mData":"installedLocation"
    },{
        "mData": "installedTime"
    }]
});

【问题讨论】:

  • 你的html中是否存在id DataTableApp?
  • 这个错误肯定伴随着回溯,因为没有追踪就不可能知道为什么会发生这种情况。
  • ID 是有的。如何追踪
  • php/getAppDetails.php 是否回复了正确的数据?
  • 是的。它发送正确的详细信息

标签: javascript jquery-datatables


【解决方案1】:

oLanguage.sEmptyTableoLanguage.sZeroRecords(或最新格式language.emptyTablelanguage.zeroRecords)有不同的用途。

  • language.emptyTable 当表格完全不包含任何行时显示。
  • language.zeroRecords 在应用过滤器后,现在没有要显示的记录时显示。

听起来您的表格在应用过滤器之前有行。

【讨论】:

    【解决方案2】:

    您需要将具有 display: none 属性的 .dataTables_empty CSS 类添加到您的全局样式表(即 src/styles.css)。

    注意:在 Angular 中,全局样式表位于 SCSS 文件夹(即 scss/_custom.scss)。

    .dataTables_empty {
        display: none;
      }
    

    https://l-lin.github.io/angular-datatables/#/basic/server-side-angular-way

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-23
      • 2011-11-25
      • 1970-01-01
      • 1970-01-01
      • 2016-03-30
      相关资源
      最近更新 更多