Responsive scroll-x and font size

veloopity

Responsivity questions:

1. The scroll-x bar is correctly not displayed when the complete table is visible, but then gets displayed too late when I reduce the viewport width - when about half of the table is already outside of the viewport size and invisible, it suddenly appears. It should appear immediately when the viewport gets narrower than the table. How can that be adjusted?
2. Is there a setting that reduces the font sizes when the window gets too small to see everything at once?

-Michael

kthorngren

1. Make sure you have style="width:100%" set on the table tag like this example. This example scrollX seems to work properly. If you still need help please post a link to your page or a running test case showing the issue.
   https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
2. I don't believe there is a built in setting for this. You can use the Responsive extension. See this exmaple for immediately opening the child rows.

Kevin

veloopity

This example scrollX seems to work properly

you're right Kevin. The problems that I see here must be related to the overall CSS of my website.

I'll look into the responsive extension. Many thanks

-Michael