Table block – Add horizontal scroll bar for mobile devices

[mrtwanstall]

mrtwanstall

December 8, 2021 at 7:30 am

Hello,

When using the table block is there a way to add horizontal scroll bar for mobile devices? As it is now the table is too narrow when viewed on mobiles. I have tried to achieve this by adding a class to the table block and used the following css

.mytable {
display: block;
overflow-x: auto;
white-space: nowrap;
}

This doesn’t quite work though as the table content is still squashed together. I want each column to be as wide as it’s contents, and any columns that don’t fit on the screen to be scrollable. Is there any way to do this?

Thank you. 🙂