Answers for "scrollable table"

0

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
Posted by: Guest on June-02-2021
1

html table scrollable body fixed header

/*Simply*/  position:sticky; top: 0; /*your th elements*/
Posted by: Guest on January-26-2021
2

table bootstrap with scrool

<div style="height: 600px;overflow: scroll;">
<!-- change height to increase the number of visible row  -->
	<table></table>
</div>
Posted by: Guest on June-15-2020
0

style scrollbar table

table::-webkit-scrollbar{
    /*Your styles here*/
}
table::-webkit-scrollbar-thumb{
    /*Your styles here*/
}
table::-webkit-scrollbar-thumb:window-inactive{
    /*Your styles here*/
}
Posted by: Guest on November-28-2020

Browse Popular Code Answers by Language