Horizontal scroll bar under footer in kendo grid

[Teja]

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....

[Georgi Denchev]

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

[Teja]

Thank you

[Lee]

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]

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 

[Renat]

Hello,

How can I do it on Angular Kendo?