by resizing the kendoGrid columns , the background color (or borders) of the content table don't stretch !

[Atiyeh]

Hi, 
when I resize the kendoGrid header columns , the background color (or borders) of the content table don't stretch ! I have attached two images which can explain better what I mean.
Regards,
Atiyeh

[Dimo]

Hi Atiyeh,

The observed behavior is expected and by design. The sum of all columns' widths can be equal to the Grid width, larger than the Grid width (a horizontal scrollbar will appear), or smaller than the Grid width (empty space on the right will appear, as on your screenshots).

If you require behavior in which the sum of all columns is always equal to the Grid width, then you can disable scrolling.

Theoretically, there is a way to prevent the observed effect and ensure that the last column always streches to the Grid's right edge. However, it is a little complex and I don't recommend it. Here is an example, which shows a similar implementation. The Grid's columnResize event is used to measure the sum of all column widths, which then should be compared to the Grid width and change the last column's width if necessary.

http://jsfiddle.net/gr2t3/6/

Regards,
Dimo
Telerik