Question

我在jQuery UI TABS中包含了我的服务器端处理DataTables，但在集成之后，处理信息不再出现了：（

这篇http://pandas.pydata.org/pandas-docs/stable/indexing.html#indexing-view-versus-copy帖子写了一些关于隐藏的＆＃34;处理...＆＃34; -Div。的内容我的案例是否有可能匹配＆＃34; z-index＆＃34;问题？

这是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是否存在的证明被测试为真：

<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 ...

        int i=12345;
        long j=5432l;
        int sum =  (i + j); //compilation issue
        long sum = (i + j); // no compilation 
        int sum = (int) (i + j); //Type cast works fine.

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

这还取决于

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

在您的数据表初始化

Answer 2

'processing'选项需要设置为true 和
在'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 })

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

DataTables处理信息未显示

3 个答案: