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

Grid columns not visible if the screen resolution is very less

4 Answers 432 Views
Grid
This is a migrated thread and some comments may be shown as answers.
DHHS
Top achievements
Rank 1
DHHS asked on 13 Oct 2015, 07:58 PM

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

Sort by
0
DHHS
Top achievements
Rank 1
answered on 13 Oct 2015, 09:37 PM

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.

0
Iliana Dyankova
Telerik team
answered on 16 Oct 2015, 08:26 AM
Hello,

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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
DHHS
Top achievements
Rank 1
answered on 19 Oct 2015, 04:30 PM
I fixed it. Thank You :)
0
Desenvolvimento
Top achievements
Rank 2
answered on 24 Nov 2016, 04:34 PM
Hi DHHS,

How did you fix that? I'm facing this same issue with 1280px width resolution.
Tags
Grid
Asked by
DHHS
Top achievements
Rank 1
Answers by
DHHS
Top achievements
Rank 1
Iliana Dyankova
Telerik team
Desenvolvimento
Top achievements
Rank 2
Share this question
or