Responsive HTML tables CSS

[briansol]

briansol submitted a new resource:

Responsive HTML tables CSS - css table enhancements

I have a lot of data tables using the BBcode markup for tables. This has some challenges with CLS, wide viewports, and other web performance scores due to content width on smaller screens/phones.

Added the following to your extra.less will turn your tables into 'card' like layout once the screen size is reduced to your defined breakpoint.


Demo:

Left:
wide, normal table, desktop view, etc

Right:
Small, 'card' layout, mobile view

View attachment 321485...

Read more about this resource...