scrollabe table html code example

Example: 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

Tags:

Html Example