Fixed Header Table CSS

Html Table with Fixed Header Pure CSS

Scrollable Table With a Fixed Header

.tg-table-green{border-collapse:collapse;border-spacing:0;}
.tg-table-green td,.tg-table-green th{background-color:#fff;border:1px #bbb solid;color:#594F4F;font-family:sans-serif;font-size:100%;vertical-align:top;padding:10px;}
.tg-table-green .tg-even td{background-color:#EFFAB4;}
.tg-table-green th{background-color:#9DE0AD;color:#594F4F;font-size:110%;font-weight:bold;}
.tg-table-green tr:hover td,.tg-table-green tr.even:hover td{color:#333;background-color:#E5FCC2;}
.tg-bf{font-weight:bold;}
.tg-it{font-style:italic;}
.tg-left{text-align:left;}
.tg-right{text-align:right;}
.tg-center{text-align:center;}
thead{position:fixed;top:0;}
tbody.scrollContent{height:262px;overflow:auto;}
Fixed Header Table CSS Fixed Header Table CSS Reviewed by Bhaumik Patel on 7:42 AM Rating: 5