Forums

I really don't know where you got that index.html#4 or whatever, they are not stylesheets for all I know. The column with is not set by any style sheet belonging to DataTable. As with any table, plain HTML table or YUI's DataTable, the column width is determined by its content, unless you explicitly force any width either via a CSS style declaration of your own or by the width attribute on a column definition. If you don't do it explicitly, the DataTable will just adjust to accommodate its contents.

If you later want to determine what width turned out, you could use any of the YUI Dom tools to read the width from any of the cells, which you can easily get by calling DataTable's getTdEl or, better yet, getThEl. I suggest you use the YAHOO.uti.Dom.getRegion on the header cells (getThEl) since getRegion already returns an integer with all the actual sizes resolved to pixels while, if you get the results of the CSS styles, it might give you pixels, ems, points, cm or just say 'auto' and then you would have to figure out what that means.

There are a series of tutorials recommended in the highlights of DataTable's user Guide, it would be a good idea if you read them. This is also a good source of DataTable tips and tricks: http://satyam.com.ar/yui

That style is not part of the Datatable distribution files, it is part of the example and it is one of the ways you could customize the table yourself.

Every cell of each of the columns gets a className derived from the ".yui-dt" prefix, then the ordinal number of the DataTable instance within that page, then "-col-" and finally, the key of the column.

In this particular example, the author wanted to assign those specific CSS styles to the column for field "file" of the eight datatable in the page.

this is specific to this example, and so is the file it is contained within. This is not part of DataTable.