how to enable horizontal scrolling for a div wrapping a table with many columns
What I hope to achieve:
a table within a container surrounded by padding but scrollable horizontally and vertically
What I have done
created a table that is vertically scrollable, with frozen row headings.
What problems I am facing
- inability to pad the table container on the right
- the horizontal scrolling is displayed but doesn't work
- part of the content of the table is hidden.
techonologies
- html
- talwind
URL to code pen with code
https://codepen.io/davidshare/pen/poXPxQW
URL to github gist
https://gist.github.com/davidshare/f714a4df728a4cbfe6afbd31d99bbb82
a table within a container surrounded by padding but scrollable horizontally and vertically
What I have done
created a table that is vertically scrollable, with frozen row headings.
What problems I am facing
- inability to pad the table container on the right
- the horizontal scrolling is displayed but doesn't work
- part of the content of the table is hidden.
techonologies
- html
- talwind
URL to code pen with code
https://codepen.io/davidshare/pen/poXPxQW
URL to github gist
https://gist.github.com/davidshare/f714a4df728a4cbfe6afbd31d99bbb82
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
