Responsive table

Question

Dear support,

I need some help with showing the table on mobile devices. My table has 6 columns and everything renders nice. As I am reducing the screen width, it scales well until some point at which the table starts overflowing on the x-axis (due to columns length). How to deal with this problem and show the table properly on smaller resolutions and on mobiles? I could wrap my table in an element that has the overflow-x property set to auto, but the scrolling table is not what you want on your phone :/

Thanks!

SemiColonWeb · Accepted Answer

Hello,

Currently, the Tables included follow the Bootstrap Design Pattern: https://getbootstrap.com/docs/5.1/content/tables/#responsive-tables and can only be horizontally scrolled on Responsive Devices. We will try creating an alternate functionality for this but due to the Structural Restrictions of the `` Tags, currently only this is possible. We will notify you if there is a better solution available for this.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.