DataTables处理信息未显示

Question

我包含在jQuery UI的TABS我的服务器端处理的数据表，但整合后的处理方式已经不露面:(

这stackoverflow.com后写了一些关于隐藏的“处理......” -事业部
是否有可能我的情况下，匹配“ z-index”问题？

这是DataTables代码：

$(document).ready(function() {

    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "ajax_ssp_class.php",
            "type": "GET"
        },
        "order": [ [0,'asc'] ],
        "paging":true,
        "pagingType": "simple_numbers",
        "pageLength": 50,
        "lengthMenu": [[50, 100, 250, -1], [50, 100, 250, "All"]],
        "lengthChange": true
    } );
});

div是否存在的证明被测试为true：

<div id="example_processing" class="dataTables_processing" style="display: block; z-index: 10000;">Processing...</div>

解决方案
我将以下行添加到了预绘图中。现在可以了。

"fnPreDrawCallback":function(){
    //alert("Pre Draw");
    $('#example_processing').attr('style', 'font-size: 20px; font-weight: bold; padding-bottom: 60px; display: block; z-index: 10000 !important');
}

Answer 1

我遇到类似的问题，即在使用服务器端处理然后使用搜索，重新排序或更改页面大小时，处理文本未显示。解决方法是添加以下CSS ...

<style type="text/css">
    .dataTables_processing {
        top: 64px !important;
        z-index: 11000 !important;
    }
</style>

这里的关键是z-Index和top。

这也取决于

"processing": true,

在您的数据表初始化中

Answer 2

1. “处理”选项需要设置为true，
2. 在“ sDom”选项中，需要字母“ r”。

进行修改后，最终代码如下所示：

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

Answer 3

检查你是否有一个元素$('.dataTables_processing')。

如果可用，请尝试设置z-index为非常高的值并显示它：

$('.dataTables_processing').css({"display": "block", "z-index": 10000 })

在浏览器控制台中执行此操作。