css - HTML table scrolling vertical & horizontal -


I'm looking to make a table of fixed width and height in vertical and horizontal scrolls.

I am looking for the first line for a fixed line, but the first column has been fixed and the other column is to be able to scroll to the right.

I can work the headers at the top such as:

.. But how can I get column scrolling with the rest of the one already in place? Was it?

Any thoughts?

It will definitely be easy that you are working with a table with fixed ratios. Simply create an DIV within that column that you want to scroll vertically and give it a fixed dimension of your choice and add it to the 'Overflow-Y: Auto' attribute. The Verfrow-Y attribute will only ensure to present a scrollbar if the content of the device is more than the visible area. Example:

  & lt; Style type = "text / css" & gt; .scrollable {width: 300px; Height: 400px; Overflow-y: auto; Overflow-X: Hidden; Clip-Rink: (0 pixels, 300 pixels, 400 pixels, 0 px); } & Lt; / Style & gt; & Lt; Table width = "500" height = "500" cellpadding = "0" cellspacing = "0" border = "0" & ​​gt; & Lt; Tr height = "100" & gt; & Lt; Td colspan = "2" & gt; Banner & lt; / Td> & Lt; / TR & gt; & Lt; Tr height = "400" valign = "top" & gt; & Lt; Td width = "200" & gt; Left column & lt; / Td> & Lt; TD width = "300" & gt; & Lt; Div class = "scroll" & gt; Scroll area & lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> Scroll area & lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; / Div & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt;  

Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -