I have a grid which looks good on until 1400 screen resolution but if i try to go less than that, i don't see right most columns. I don't want to use vertical scroll bar, so I have used this
.Scrollable(s => s.Height("auto"))
But even this, slight changed my grid look. column width changed. I have attached some screen shots so that you can see the difference
4 Answers, 1 is accepted
Here in the documentation
http://docs.telerik.com/KENDO-UI/web/grid/walkthrough#column-widths
If the Grid has no fixed width and resizes with the browser window, one can apply min-width to the Grid (if scrolling is disabled)
#GridID /* or use the .k-grid class to apply to all Grids */{ min-width: 800px;}​​​
I have tried this, but still, if the browser is resized to less than 800, i dont see any horizontal scrollbar or anything else, its just that i dont see right most columns.
Am i missing something here? I am sure I might be missing something very small.
If I understand correctly, you are using a non-scrollable Kendo UI Grid? To get a horizontal I would suggest setting overflow-x: scroll to the container which keeps the Grid. For your convenience I prepared a dojo example - please check it and let me know if this fits the current requirements or in case I am missing something.
Regards,
Iliana Nikolova
Telerik
How did you fix that? I'm facing this same issue with 1280px width resolution.