Check out my jsfiddle: http://jsfiddle.net/7vv9e/2/
In the fiddle, click on the "Add Question" button multiple times until a scroll bar appears next to the table.
I am looking to keep the header fixed while scrolling. How can this be achieved?
Below is the CSS code that displays the scroll bar for the table when it reaches a certain height:
#details{
height:500px;
overflow:auto;
}
The current table shown in the demo is not final and more columns will be added. I need a solution that works regardless of the number of columns or their widths, ensuring each column retains its width without any issues while scrolling down.
Thank you