想要在数据表中显示加载器 GIF答案

【问题标题】：Want to show loader GIF in datatables想要在数据表中显示加载器 GIF
【发布时间】：2011-08-04 15:41:27
【问题描述】：

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

$(document).ready(function() {
    $("#dvloader").show();
    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"                   
    });
});

这是我的装载机：

<div id="loader">
    <img src="ajaxloader.gif" />
</div>

【问题讨论】：

你没有提到你想在哪里以及在哪个事件上显示这个图像，你想用这个图像替换'Processing,,,'字符串吗？
@anu 是的，我想显示图片。

标签： javascript jquery datatables

【解决方案1】：

如果您想用评论中提到的图像替换“处理中...”字符串，您需要查看here

$('#example').dataTable( {
    oLanguage: {
        sProcessing: "<img src='loading.gif'>"
    },
    processing : true
});

【讨论】：

别忘了添加选项processing: true
对于任何使用旧数据表的人，您需要使用 bProcessing: true 而不是 processing: true
我使用了相同的方式，但 IE 11 和 Chrome 没有显示图像。它只在 Firfox 中运行良好。
超链接已损坏。
新链接在这里！ datatables.net/examples/server_side/defer_loading.html

【解决方案2】：

在数据表 1.10 及更高版本中，您应该使用：

$('#example').dataTable({
  language: {
     processing: "<img src='loading.gif'>"
  },
  processing: true
});

从今天起不需要，但考虑到新的文档，它更加标准。在最近的更新中，该项目从使用 Hungarian notation to standard camelCase 更改。感兴趣的：

请注意，匈牙利符号选项已被弃用，并将在扩展的未来版本中删除（在扩展的下一个主要版本更新中 - 即 1.x 到 2.x，尽管长期没有计划 2.x时间到了 - 1.x 系列还有很多生命！）。扩展的文档将被更新以在此之前删除匈牙利符号。

【讨论】：