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

Posted 2023-05-07

【中文标题】想要在数据表中显示加载器 GIF

【英文标题】：Want to show loader GIF in datatables

【发布时间】：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 是的，我想显示图片。

【参考方案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 系列还有很多生命！）。扩展的文档将被更新以在此之前删除匈牙利符号。