Allow freezing Grid rows as a built-in option

Progress® Kendo UI® for Angular Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 29 Apr 2021 07:30 by ADMIN

David

Created on: 06 Feb 2020 08:32

Category: Grid

Type: Feature Request

Allow freezing Grid rows as a built-in option

Can you please consider adding a built-in option for freezing Grid rows that will always stay below the headers area during scrolling?

7 comments

ADMIN

Dimiter Topalov

Posted on: 29 Apr 2021 07:30

Hello Sushil,

Please open a separate support ticket for any questions, related to a specific custom implementation or scenario. This will help us keep our private and public support, forum and feedback portal threads as concize and focused on a specific topic/issue as possible. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Sushil

Posted on: 28 Apr 2021 14:08

Hi Dimiter,

Awesome, Great work by team !!

Its really good to know that this feature is implemented, Could you please help with below explanation that how Sort and Filter can be customized, Is there any good examples are there, please help.

"Developers can customize this behavior by manually manipulating the data collection the Grid is bound to so that the desired N data items that need to always be on top, are actually the first N items in the data collection."

Regards

Sushil

ADMIN

Dimiter Topalov

Posted on: 28 Apr 2021 13:57

Hi,

The Grid Sticky Rows and Columns functionality is now available in the latest development versions of the package.

The corresponding documentation and examples are available in the following documentation sections:

https://www.telerik.com/kendo-angular-ui-develop/components/grid/rows/sticky/

https://www.telerik.com/kendo-angular-ui-develop/components/grid/columns/sticky/

By default, the data operations will be applied to all Grid rows, regardless of whether they are sticky or not. Developers can customize this behavior by manually manipulating the data collection the Grid is bound to so that the desired N data items that need to always be on top, are actually the first N items in the data collection. Configuring the first N rows to be sticky in addition to ensuring the first N items in the data collection are the ones that need to be rendered in these rows will yield the desired behavior of the top rows sticking at the top of the Grid during scrolling.

The scenario in which a sticky row is put in editing mode is working as expected with the latest dev versions of the Grid and Kendo Themes packages. All mentioned features will be released in official versions alongside our next official release, scheduled for May.

Regards,
Dimiter Topalov
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/.

Sushil

Posted on: 27 Apr 2021 15:18

Hi Dimiter,

With Sticky header also some issues are coming as when we apply Sort / Filter then that sticky row is going to bottom in the grid which is causing issue. Is there a way to disbale filter / sort on such row ?

With Editable Rows somehow the styling are not working properly, if you notice below snapshot then the Text boxes are getting merged with the sticky rows and visible while scrolling, the check box column also causing same issue.

Please find below snapshot for this:

Regards

Sushil

ADMIN

Martin

Posted on: 19 Oct 2020 12:48

Hello Rutvik,

Thank you for the input.

We are monitoring all feature requests, and considering adding some of the desired enhancements to our roadmap, based on the customer demand, and the perceived business value.

Thank you in advance.

Regards,
Martin
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Rutvik

Posted on: 14 Oct 2020 08:51

Hello Dimiter,

we also want this feature, As we are working on large product and our product does not contain vertical scroll of web page. so we are setting dynamic height to each element like grid, divs etc.

If you will make it as a feature then it would be great for our product.

Regards,

Rutvik Nagarkar

ADMIN

Dimiter Topalov

Posted on: 06 Feb 2020 08:47

Hello,

We will track the customer demand for this enhancement here, and will priotize accordingly based on the interest.

Meanwhile arbitrary Grid rows can be positioned as "sticky" via CSS:

https://stackblitz.com/edit/ka-grid-sticky-rows-ggoxyo?file=app/app.component.ts

Regards,
Dimiter Topalov
Progress Telerik

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.