html table column,HTML Table column width practices

If you want to save yourself lots of markup...

First, if by fixed width you mean a fixed percentage, add the following to your stylesheet:

.width1 {

width: 1%;

}

.width2 {

width: 2%;

}

.width99 {

width: 99%;

}

.width100 {

width: 100%;

}

This gives you the flexibility you need if you decide to apply an odd percentage width for any of them if you wish - for example width23 on one of them, width 27 on another.

Now this is the clever bit. Using the col tag, you can apply widths just once instead of on every cell. I know you can apply widths to just the first row, and they will set the widths for the same cell in every other row - but the col tag can be used for setting other properties too. For example:

My Sample Name

My Sample Long Description

5

2010-Oct-08

I generally prefer to use this technique - but if it is a layout I will be using on multiple tables (for example the customers table may be the same layout as the agents table) then I will create a class for each column and set the width etc in that class. I will then apply the relevant class to each cell. I suppose both methods could be combined - the relevant class could be applied to the relevant col, but the fact that the properties are set in one place (the stylesheet) means that you only have to change it in once place.

Hope this helps and that it is what you are looking for.

Richard