how to make scrollable table in html
----- Horizontally scrollable -----
<!-- A responsive table will display a horizontal scroll bar if the screen is
too small to display the full content.
To create a responsive table,
add a container element with --> overflow-x:auto <!-- around the --> <table> :
<div style="overflow-x:auto;">
<table>
...
</table>
</div>
----- Vertically scrollable -----
<!-- Just add the display:block to the thead > tr and tbody.
check the below example -->
html>body tbody.scrollContent {
display: block;
overflow: auto;
}
<div>
<table>
<thead class="fixedHeader">
</thead>
<tbody class="scrollContent">
</tbody>
</table>
</div
Are there any code examples left?
New code examples in category Html
-
Html 2022-03-27 21:55:05 how to kill html
-
Html 2022-03-27 21:55:02 How to create web urls without extensions
-
Html 2022-03-27 21:45:11 space between 2 h tags without break
-
Html 2022-03-27 21:40:13 how to resize submit button in html
-
Html 2022-03-27 20:40:18 https://www.codegrepper.com
-
Html 2022-03-27 19:55:09 show image inside table with innerhtml
-
Html 2022-03-27 19:30:47 html email input
-
Html 2022-03-27 18:45:01 how to add favicon in html
-
Html 2022-03-27 18:15:21 picture html
-
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd