This is a migrated thread and some comments may be shown as answers.

Responsive lost after setOptions

1 Answer 145 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gaurav
Top achievements
Rank 1
Gaurav asked on 22 Sep 2015, 08:36 PM

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

Sort by
0
Dimo
Telerik team
answered on 25 Sep 2015, 03:08 PM
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.


.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!
Tags
Grid
Asked by
Gaurav
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or