Column Headers jumping out of alignment and 0 width select menus.

[GoogleCodeExporter]

Aligning columns for checkbox and drop down menu rows.

For a grid that I am working with, I noticed 2 things.  One, the column name 
for a checkbox row makes alignment challenging.  i.e. if the name of the column 
is "Published", but the physical space is that of only one checkbox, then 
shrinking/expanding a table can cause some awkward column naming presentation.

THis is less of a concern than what I see when I use 2 drop down selects as 
part of my grid.  I notice that when I resize the grid, the default behavior is 
to shrink the select menus to 0 before contracting any other columns.  I was 
wondering how this might be controlled in a better way?  For people with small 
screens, they are basically seeing select menus with 0 width much of the time.

This is on Safari and Firefox on my Mac running Snow Leopard.

Original issue reported on code.google.com by vep....@gmail.com on 31 Mar 2011 at 3:25

[GoogleCodeExporter]

So you need to make use of the "width" attribute.
On your THs for checkbox columns I normally give them a width of width="50"
What this does is makes that column have a static width.  It won't change with 
the resizing of the grid or page.

You can do the same for your drop downs.  However implementing a min-width for 
fields with drop downs may be useful so that they never can shrink past a 
certain point.

Let me know if using width solves this issue.

Original comment by Seancla...@gmail.com on 31 Mar 2011 at 7:30

[GoogleCodeExporter]

Original comment by Seancla...@gmail.com on 20 Jul 2011 at 3:17

• Changed state: Fixed