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

no_*_*dom 21 javascript jquery datatables

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

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

这是我的装载机:

<div id="loader">
    <img src="ajaxloader.gif" />
</div>
Run Code Online (Sandbox Code Playgroud)

anu*_*anu 63

如果你想用评论中提到的图像替换'Processing ...'字符串,你需要看看这里

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

  • 不要忘记添加选项`processing:true` (5认同)
  • 对于任何使用遗留数据表的人来说,你需要使用`bProcessing:true`而不是`processing:true` (4认同)
  • 超链接坏了. (4认同)

ako*_*sel 11

在数据表1.10及以后,您应该使用:

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

截至今天不需要,但在新文档的基础上更加标准.该项目在最近的更新中从使用匈牙利表示法改为标准的camelCase.出于兴趣:

请注意,匈牙利表示法选项已弃用,将在未来版本的扩展中删除(在扩展程序的下一个主要版本更新中 - 即1.x到2.x,尽管2.x未计划很长时间 - 仍然在1.x系列中充实生活!).在此之前,将更新扩展的文档以删除匈牙利表示法.