Chrome issue displaying "processing" element (text/SVG)

RedPanda

Hi,

I'm having an issue with Chrome. The .dataTables_processing element, which is supposed to hold the "Loading" text/image, never gets displayed (CSS display property value remains "none" in all circumstances).

I did set the processing option to true:

$('#table').DataTable({
  processing:true,
  language: {
    processing: 'Loading...'
  },
  ...
});

It works perfectly fine on Firefox.

Any idea?

Thanks in advance

Edit: Same issue on IE.

colin

Hi @RedPanda ,

That shouldn't be different between the browsers. We're happy to take a look, but it would help, as per the forum rules, if you could link to a running test case showing the issue so we can offer some help. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

RedPanda

Hi

Thanks for your answer. I found the issue, it was the async param in my ajax. Here is a part of my code:

$('#mytable').DataTable( {
            serverSide: true,
            ordering: true,
            searching: false,
            processing:true,
            lengthChange: true,
            ajax: {
                url: 'myurl.php',
                data: function(data){
                        var filter_1= $j('#filter_1').val();

                        if(filter_1)
                            data.filter_1= filter_1;
                  ...
                },
                dataSrc: function(json){
                    if(json.data)
                        return json.data;
                    else
                        return [];
                },
                type:'POST',
                async: false
            },
            columns:[
                { data: '....' },
                { data: '....' },
                  ...
            ],
            deferRender: true,
            language: {
                    processing: 'Loading.....',
                }
    } );