Control all column widths

[Gerry]

I have several tables that have different numbers of columns, but I want to columns widths of the tables to be the same.

I have achieved this by setting all the columns widths, but with one empty column at the end (without a column width) - see attached image. What is the best way to do this, without having to add any empty columns?

[Georgi]

Hi Gerry,

When all columns have pixel widths, if the sum is less than the width of the Grid, the column widths are ignored and and all columns expand.

A workaround in your case is to have at least one column without a specified width, so that it can adjust freely.

You can get more detailed information about column widths in the following article:

• http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#column-widths

Regards,
Georgi
Progress Telerik

[Gerry]

Let's say I wanted the (last) variable-with column to be hidden, or less noticeable, is there an easy way to do that?

[Gerry]

I have tried 

#mygridid > table /* header + data table */ {
    table-layout: fixed;
}

but that doesn't work - the table is still set to width: 100%. If use the browser dev tools to remove the 100% width it looks like in the attached image.

[Georgi]

Hi Gerry,

It is possible to set the width of the grid element dynamically when it is bound to its data. You simply set the sum of all column widths as the width of the grid in the event handler of dataBound event.

The following dojo is illustrates a situation similar to the one you have:

• http://dojo.telerik.com/UqoJO/2

Regards,
Georgi
Progress Telerik