Responsive scroll-x and font size

Responsive scroll-x and font size

veloopityveloopity Posts: 87Questions: 36Answers: 2

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

This question has an accepted answers - jump to answer

Answers

  • kthorngrenkthorngren Posts: 20,147Questions: 26Answers: 4,736
    Answer ✓
    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

  • veloopityveloopity Posts: 87Questions: 36Answers: 2

    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

Sign In or Register to comment.