Evening, I am trying to add excel style "freeze panes" fucntionality to a datagrid I have built. I have done it in the following way.
The table column headers is tables 1 and 2(one for static headers, one for scrollable) The row titles is table 3. The data is table4. Constructed like ------------+--------------------------- - table 1 + table 2 - ---------------------------------------- - table 3 + table 4 - - + - - + - - + - ---------------------------------------- Which each table in a DIV. The intention being that when you scroll table 4 up and down, tables 1 and 2 stay static and table 3 scrolls. When you scroll table 4 left and right, table 3 stays static and table 2 scrolls. Now the problem is, even before getting into the Javascript, I can't get the columns to line up between the headers (table2) and the data (table4) because they are in different tables, and table cells just make up their own mind what width they are going to me, regardless of what widths I set. Having been looking around on various DHTML/Javascript sites and found some similar tools done by others, they all suffer form the same problem. Unless the content of the column headers is the same width as the content of the data cells, they do not stay the same width and columns end up out of sync. Anyone ever found a solution to this? Russ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:232211 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
