Hi Guys,
I have just tripped over the following with the grid toolbar & grouping header panels not resizing/painting correctly.
To demonstrate take
http://demos.telerik.com/kendo-ui/grid/index
as a staritng point and add the following CSS styles
.k-grid {width: 100%; margin: 0; overflow: auto;}
.k-grid td {white-space: nowrap;}
and the grid options
toolbar:["Test"],
scrollable: false,
so that the grid columns resize in proportion to content & browser width.
If you now resize the browser so that the grid shows a horizontal scrollbar and then scroll the right hand columns of the grid into view you will see the toolbar & grouping header panels are not resized/painted in accordance with the grid width.
Now I suspect this is a CSS issue somewhere but after a couple of days of trying various style settings I'm stumped.
Therefore any help or advice would be much appreciated.
Alan
I have just tripped over the following with the grid toolbar & grouping header panels not resizing/painting correctly.
To demonstrate take
http://demos.telerik.com/kendo-ui/grid/index
as a staritng point and add the following CSS styles
.k-grid {width: 100%; margin: 0; overflow: auto;}
.k-grid td {white-space: nowrap;}
and the grid options
toolbar:["Test"],
scrollable: false,
so that the grid columns resize in proportion to content & browser width.
If you now resize the browser so that the grid shows a horizontal scrollbar and then scroll the right hand columns of the grid into view you will see the toolbar & grouping header panels are not resized/painted in accordance with the grid width.
Now I suspect this is a CSS issue somewhere but after a couple of days of trying various style settings I'm stumped.
Therefore any help or advice would be much appreciated.
Alan