In order to have responsive tables, I want to be able to display an horizontal scrollbar in the table when the window/screen size becomes small.
I want to have a table with
width: 100% and it’s contents stretched to fill the full width (so I can’t have a
display: block on the table). But I also want an
overflow: auto on the table, so if the screen is too narrow, the table scrolls horizontally.
To the best of my knowledge this cannot be done by pure CSS so I need to wrap the inside a
From the discussion in Wrap Kramdown tables in a div · Issue #69 · gettalong/kramdown · GitHub it seems that I need to customize the kramdown HTML converter but I am not sure what’s the best way to do it via Jekyll. Any thoughts?