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

时间:2011-04-13 11:46:01

标签: javascript jquery datatables

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

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

这是我的装载机:

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

2 个答案:

答案 0 :(得分:62)

如果您想将“处理中...”字符串替换为评论中提到的图片,则需要查看here

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

答案 1 :(得分:10)

在数据表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系列剧中还有很多生活!)。在此之前,将更新扩展文档以删除匈牙利符号。