Horizontal scroll bar under footer in kendo grid

1 Answer 25 Views
Grid
Teja
Top achievements
Rank 1
Teja asked on 14 Jul 2021, 01:42 PM | edited on 14 Jul 2021, 01:44 PM

Hi,

I have bind dynamic kendo grid with multiple rows in footer. But, here horizontal scroll display with content. How Do I display Horizontal scroll bar under  footer in kendo grid?

 

Please anyone give me suggestion....

1 Answer, 1 is accepted

Sort by
0
Georgi Denchev
Telerik team
answered on 19 Jul 2021, 09:06 AM

Hi, Teja,

The Grid's footer is separate from the Grid content and the overflow(scrollbar) is applied to the content itself.

You could try and move the footer inside of the content element, however keep in mind that this is a customization and it's not supported by us. We cannot guarantee this wouldn't cause some unexpected behavior.

Example:

https://dojo.telerik.com/@gdenchev/aseYOWUl 

Best Regards,
Georgi Denchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Teja
Top achievements
Rank 1
commented on 19 Jul 2021, 10:59 AM

Thank you
Lee
Top achievements
Rank 1
Iron
Iron
Veteran
commented on 18 Nov 2021, 05:00 PM

This message sort of works but has some issues. First, the table is not responsive with a set width so it falls off the screen when the screen shrinks. Second, if there are lots of rows and a height is set on the container, the footer row is not visible until the user scrolls down all of the rows. 
Georgi Denchev
Telerik team
commented on 23 Nov 2021, 12:38 PM

Hello, Lee,

You can set a min-width to the footer wrapper(the min-width should be the combined width of all grid columns) and remove the width property from the grid configuration.

For the second problem, you can set the position of the element to "sticky" so it stays in once place.

Please note that this is a customization and is not officially supported by us. If you require additional customizations which cannot be achieved with the currently available API, you'll need to contact our Professional Services for assistance.

Modified Dojo:

https://dojo.telerik.com/@gdenchev/erErecAv 

Tags
Grid
Asked by
Teja
Top achievements
Rank 1
Answers by
Georgi Denchev
Telerik team
Share this question
or