I am using the persistent state example given in the demo. The problem is if resizable is true then the kendo grid is no more responsive on the width.
Consider the following http://dojo.telerik.com/eVuTI , if you change the width of a column then try to resize the splitter on the left the grid is no more responsive. Is there a way around this ?
1 Answer, 1 is accepted
0
Hi Gaurav,
When a Grid column is resized and all visible columns have widths, the Grid applies a pixel width to its header and data tables, so that all non-resized columns maintain their widths.
The above behavior occurs only when scrolling is enabled. If you disable scrolling, the Grid and its table will still be able to change their total width on browser window resize.
You can test your scenario with the following CSS rule, which is able to override the current behavior and force the Grid tables to be always fluid. However, please be aware that it may not work well in all use cases and caution is recommended.
Regards,
Dimo
Telerik
When a Grid column is resized and all visible columns have widths, the Grid applies a pixel width to its header and data tables, so that all non-resized columns maintain their widths.
The above behavior occurs only when scrolling is enabled. If you disable scrolling, the Grid and its table will still be able to change their total width on browser window resize.
You can test your scenario with the following CSS rule, which is able to override the current behavior and force the Grid tables to be always fluid. However, please be aware that it may not work well in all use cases and caution is recommended.
.k-grid table { width: 100% !important; min-width: 100%;}Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!