I have a table with only two columns . i want to make first column is fixed and next column scrollable in all the rows..it should be horizontally scrollable as a whole .. not individual columns
There can be hundreds of rows. .
I have a demo code here in Jsfiddle
I dont have much exposure to css styling.
You could use CSSoverflow:auto;, as in http://jsfiddle.net/Yw679/2/If I understand correctly, you want the entire left column to be static, and the entire right column (including the header) to be horizontally scrollable. Is that correct?
If so, it’s not possible with one table. But with a bit of extra code, it’s possible with two tables like this: http://jsfiddle.net/Yw679/6/