Question

我正在使用服务器端rending的数据表。默认情况下，Datatable显示一条小的处理消息，但如果在默认视图中的延迟记录超过50，则此消息将不可见。我试图设置和溢出客户加载屏幕，但它无法正常工作。

这是我的代码。

var trd= $('#datableTable').DataTable({

            // Use Ajax to submit form data

            "oLanguage": {
                "sProcessing" : "<div id='overlay'><h2>Loading .. Please wait</h2></div>"
            },
           "processing": true,
            "serverSide": true,
           'pageLength': 50,
           "sortable": false,
           'lengthMenu': [[10, 20, 25, 50,100, -1], [10, 20, 25, 50,100, 'All']],
           "order": [
               [0, 'desc']
           ],
 dom: 'lBfrtip',

            ajax:({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
              //  data:fmdata,
              //  data: { data: data },
                type: "GET",
                url: '{{ url('admin/reports/get-report') }}'+goURI,

                "dataSrc": function(json) {

                    var return_data = new Array();
                    for(var i=0;i< json.data.length; i++){
                        //console.log(json[i].conversion_id);
                        return_data.push({
                            'id': json.data[i].data_id,

                        })
                    }
                    return return_data;
                }
              // 'beforeSend': function(){
             //      $("#overlay").show();
              // },
              // success: function(data, status) {
              //     $("#overlay").hide();
              // },
               //"initComplete": function(settings, json) {
              //     $('#overlay').hide();
               //    //or $('#loadingSpinner').empty();
              // }

            }),





        });

我尝试将oLangguage更改为语言，将sProcessing更改为处理。但它没有用。我没有看到任何叠加或加载效果。我在哪里做错了？

Answer 1

您可以为其添加语言

例如

"processing": true,
"language": {
    processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span> '
},
"serverSide": true,

Datatable ServerSide处理自定义加载屏幕

1 个答案: