如何在jquery数据表中显示“处理”?

时间:2016-02-23 03:50:55

标签: datatables angular-datatables

我正在使用带有服务器端处理的jquery数据表(角度数据表),消息“处理”在表格之上。我可以通过sDOM(lfrtip)更改位置,但是可以在数据表中放入它(将p放入t)吗?

2 个答案:

答案 0 :(得分:2)

是的......有几种方法可以做到这一点。我喜欢用#34;加载gif"。所以,你的HTML看起来像这样:

<table  id="main_index">
<img id="loading_gif" src="images/ajax-loader.gif"> <!--this is your loading image or div-->
</table>

然后,您希望在加载表后隐藏此.gif文件。您可以使用datatables回调函数。例如:

$("#main_compare").DataTable({
//all of your other datatables configuration followed by a comma then...
"drawCallback": function(settings, json) {
            $('#loading_gif').hide(); //hides the loading image once table is loaded
            //do anything else you want to have happen only once the table is loaded
                }
})

修改

根据您的评论,我认为这是您正在寻找的。

如果您希望在加载表格的区域内显示消息,请使用以下结构:

<table  id="main_index">
    <div id="table_processing">Whatever text you want</div> 
    </table>

然后,您可以使用原始答案中的代码隐藏此内容,以便在表格加载时隐藏此div。

答案 1 :(得分:0)

  1. processing选项需要设置为true 和
  2. sDom选项中,需要字母r

    var options = {  
      "sDom": 'prtp',  
      "processing": true,  
      "serverSide": true,  
      "ajax": "/path/to/my/ajax.php"  
    }  
    var oTable = $('.datatables').dataTable(options);