在数据表中显示加载器 gif答案

【问题标题】：Showing loader gif in datatables在数据表中显示加载器 gif
【发布时间】：2015-11-12 12:22:52
【问题描述】：

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

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

} );

【问题讨论】：

您想将 DataTable 的默认流程文本替换为图像加载器还是显示您的自定义加载器？正如您设置了"processing": true，您一定看到了Processing... 文本..对吗？
是的..我想用 Gif 图片替换 Processing...

标签： datatable datatables

【解决方案1】：

您可以简单地在语言选项中放置一个图像标签：

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

【讨论】：

注意language.processing 显示为when the table is processing a user action (like sorting)，而language.loadingRecords 显示为when an AJAX sourced client based table is loading records。

【解决方案2】：

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

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

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

【讨论】：