避免渲染"表格中没有可用的数据"在数据表中

时间:2016-05-30 09:39:59

标签: javascript jquery angularjs datatables

我正在使用JQuery Datatables。当表格呈现时,表格显示为"表格中没有可用的数据",并且在某个时候表格开始出现数据并且这个"没有数据可用"去。

我不想要这个"没有数据可用来#34;而是如果像#34; Loading"或"请等待"似乎会很好或没有什么能解决我的问题。

2 个答案:

答案 0 :(得分:4)

在此查看完整参考 - > https://datatables.net/reference/option/language 您要查找的属性为loadingRecordsemptyTablezeroRecords

$("#example").DataTable({
  language: {
   emptyTable: "No data available in table", // 
   loadingRecords: "Please wait .. ", // default Loading...
   zeroRecords: "No matching records found"
  }
})

Angular dataTables:

$scope.dtOptions = DTOptionsBuilder.newOptions()
  .withLanguage({
    emptyTable: "No data available in table", 
    loadingRecords: "Loading...",
    zeroRecords: "A different no matching records message"
  })

答案 1 :(得分:0)

因为你用angularjs标记了你的问题,我想你正在使用angularjs的数据表模块。

因此,请尝试添加到您的表格标签:

class="ng-cloak"

它阻止在表准备好之前显示html(模块已初始化):

AngularJS: ngCloak Official API doc

如果你没有,可能会发生这种情况,因为你使用ajax()来获取数据注入表中,所以尝试在你的ajax调用之后初始化你的数据表插件,如this example