jQuery Datatables Legacy Loading动画

Question

我有一个使用jQuery Datatable插件（旧版）的表。我从服务器接收数据。由于有时服务器响应需要几秒钟，我想显示加载动画。我怎么能做到这一点？

Answer 1

假设您使用http://www.ajaxload.info/服务创建动画gif并将其下载为ajax-loader.gif。然后你可以覆盖oLanguage.sLoadingRecords来显示这样的gif：

var dataTable = $('#example').dataTable({
  oLanguage: {
      sLoadingRecords: '<img src="path/to/ajax-loader.gif">'
    }
});

oLanguage.sLoadingRecords的

docs：

  

使用Ajax源数据时和DataTables第一次绘制时   正在收集数据，此消息显示在空行中   用于向最终用户指示正在加载数据的表。注意   在服务器端加载数据时不使用此参数   处理，只是使用客户端处理Ajax源数据。

Answer 2

Datatables内置了这个！只需使用：

$('#example').dataTable( {
   "bProcessing": true
});

在这里阅读！ http://legacy.datatables.net/ref#bProcessing