Table not initially going to responsive mode/layout on load

UpdateYourList_com

Hello,

We have a few pages that if they are viewed on a mobile device, the datatables do not initially go to the responsive layout on load. If you rotate the screen the "+" symbols will then appear. We do have style="width:100%" set as an inline style on all of our tables. I have noticed the same behavior while viewing the tables on a desktop browser. On first load, the responsive layout does not trigger, but the minute you decrease the browser width, the buttons will appear.

Thank you

kthorngren

Do the examples work for you?
https://datatables.net/extensions/responsive/examples/

Maybe you can post a link to your page or a test case showing the issue:
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

UpdateYourList_com

Here is an example of our tables being used. Visit the following link:

https://qsep-devl.org/trainingcatalog.aspx

Next, click on one of the options (ASC). The table will load below.

If you then shrink your browser down to a tablet/mobile width.

once you have the new browser width, hit refresh. You will see that the table doesn't go into responsive mode. If you then grab the browser and just adjust the width a bit, the table will reset itself and the "+" symbols will display.