How do I modify this CSS to apply a scroll bar with fixed header?
#gradient-style {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
overflow: auto;
}
#gradient-style th {
font-size: 12px;
}
#gradient-style td {
height: 20px;
}
My table is like this:
<table id="gradient-style" align="center">
I am assuming that you are talking about fixed table header with scrollable table content(table body).
Please check this example : http://jsfiddle.net/randeep161/n8zNq/