在数据表中显示加载器gif

Question

我正在使用数据表。我的代码工作正常。现在，我想添加一个加载器图像（gif）。我不知道该如何添加。这是我的数据表脚本。

$(document).ready(function() {
    var ref = $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "mails",
        "columns": [
                    { "data": "from" },
                    { "data": "object" },
                    { "data": "created" }
                ]
    } );

} );

Answer 1

您可以language.sLoadingRecords用来显示ajaxload-gif，例如：

...
language : {
  sLoadingRecords : '<span style="width:100%;"><img src="http://www.snacklocal.com/images/ajaxload.gif"></span>'
},  
...

演示-> http://jsfiddle.net/acjngj30/

Answer 2

您可以简单地将图像标签放在language选项中：

language: {
          processing: "<img src='img/loading.gif'>"
      }