Datatables 1.13.1 New Loading Feature

Datatables 1.13.1 New Loading Feature

RandolphPerkinsRandolphPerkins Posts: 10Questions: 4Answers: 0

We recently upgraded to v1.13.1 and have noticed that now when a table first loads, where there was previously a spinner in the center of the table, now there are three blue loading dots which appear in the column header before the data is populated.

I was wondering if it were possible to modify the placement of the loading dots, ideally so that they appear in the center of the table body when the table first loads. If so, where in the codebase would I be able to make this override or modification of their position?

Thank you!

Replies

  • allanallan Posts: 63,531Questions: 1Answers: 10,475 Site admin

    They should actually be centered over the table by default. If you go to this page and run:

    $('div.dataTables_processing').css('display', 'block');
    

    You'll see the loading animation. You could do that on your own page as well.

    If that doesn't help you to resolve the issue, can you link to the page showing the issue for me so I can help to debug it please?

    Allan

  • RandolphPerkinsRandolphPerkins Posts: 10Questions: 4Answers: 0

    Hello Allan,
    I did as described and went to the page you linked. I removed the existing JavaScript code and replaced it with that one line. However, as soon as I clicked out of the JavaScript window, the code reverts to the code that was there before. Am I doing something wrong? Thanks.

  • allanallan Posts: 63,531Questions: 1Answers: 10,475 Site admin

    That line is just to make it possible to see (and debug) the processing animation. It shouldn't be used actually in production - its just a hack for checking placement :)

    If you can't get the placement right on your page, I'd need a link to your page to be able to debug it.

    Allan

Sign In or Register to comment.