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

Grid pager does not follow grid width

3 Answers 129 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Casper
Top achievements
Rank 1
Casper asked on 30 Sep 2015, 12:27 PM

Hello,

I have setup a grid wrapped in a Bootstrap column layout. At smaller screen sizes the scrollable area (and header) may exceed the width defined by the Bootstrap layout. The pager however does not - it remains within the bounds defined by the layout.

Is there any way to force the pager to follow the size of the rest of the grid?

 

Thank,
Casper

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 02 Oct 2015, 10:44 AM
Hi Casper,

I tried to reproduce the described issue but to no avail (dojo). Could you please modify my test example and demonstrate your exact setup - this way I would be able to check what exactly is going wrong and provide concrete recommendations? 

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Casper
Top achievements
Rank 1
answered on 02 Oct 2015, 12:19 PM

Hi Iliana,

I've updated the dojo http://dojo.telerik.com/uqUgu where I have disabled scrolling in the grid.

We specifically do not want vertical scrolling but I suppose horisontal scrolling could be ok.

We would very much like the text wrapping functionality from the scrollable grid to be in effect in a

non-scrollable grid - ellipsis in the header cells etc.

Can this be achieved?

 Thanks,

Casper

0
Accepted
Alex Gyoshev
Telerik team
answered on 06 Oct 2015, 08:13 AM

Hello Casper,

See this Dojo snippet for how to achieve this. This is covered in the grid walkthrough help topic, in the section on scrolling.

Regards,
Alex Gyoshev
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
Casper
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Casper
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Share this question
or