在datatables中显示加载器gif

时间:2015-11-12 12:22:53

标签: datatable datatables

我正在使用数据表。我的代码运行正常。现在我想添加一个加载器图像(gif)。我不知道如何添加它。这是我的数据表脚本。

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

} );

2 个答案:

答案 0 :(得分:5)

您可以使用language.sLoadingRecords来显示ajaxload-gif,例如:

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

演示 - &gt;的 http://jsfiddle.net/acjngj30/

答案 1 :(得分:3)

您只需将图像标记放在语言选项中:

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