How to transition the table according to the screen size

  • Resolved midnightroses

    (@midnightroses)


    6 years, 6 months ago

    Hi,
    Need an assistant on how to make the transition of the table to be smooth and fit according to the screen size adjustment on PC.

    View on full size:
    Full screen size

    View when resize the screen size:
    Smaller screen size
    As you can see the table layout exceeding its background (tho if i refresh the page the table will resize according to the screen size perfectly.

    Is there a way for it(table) to automatically fit itself automatically without having to refresh the page?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Unfortunately, that’s not directly possible from what I know. The JS code that calculates necessary widths only runs when the page is loaded, but not when the browser window is resized while the page has already been loaded. (But is this really something that people do?)

    Regards,
    Tobias

    Thread Starter midnightroses

    (@midnightroses)

    Hi,
    Not sure if this is what people normally do but i’m covering the possibility of if the viewer already load it on smaller resize screen (the view of the table would be good and centered) and what if suddenly they want to resize the screen to see it on the fuller screen, then the table will look out of place i.e. not centered or the width won’t go back to 100% as how it should display on the fuller screen.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    I understand what you mean here, but unfortunately, the JS code does not support that, from what I know, sorry ??

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to transition the table according to the screen size’ is closed to new replies.