Freeze column feature in detail grid

1 Answer 907 Views

Grid

1 Answer, 1 is accepted

answered on 12 Aug 2021, 08:45 PM | edited on 23 Aug 2021, 10:07 PM

Hi Jaspreet,

Indeed, having a locked column with a Kendo UI Master-Detail Grid is not supported. At the moment, we haven't added such implementation to our future development plans. The limitation is caused by the layout of the Grid being modified by the detail template. Thus the column isn't possible to be locked as it is separated by each detail template.

What is possible is to add some custom CSS to the cells of any column in order to make it look as if it is locked. That can be achieved by using the class property of the column.

Here is an example demonstrating such approach.

By setting the reorderable property of the ColumnComponent to false, the column will not be draggable as seen in this updated sample.

Please check that suggestion and let us know in case it will help you to achieve the requirement.

Regards,
Hetali
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.

Jaspreet

commented on 20 Aug 2021, 10:20 AM

Hi Hetali,

Thanks for your reply.

But in our requirement we have [reorderable]="true", that makes all column reorderable. Then CSS only implementation will not be effective in stopping user from dragging the frozen column. Please suggest if we are missing something here.

Regards,

Jaspreet

Hetali

commented on 23 Aug 2021, 10:08 PM

Hi Jaspreet,

Please take a look at the updated answer. Setting the orderable property to false will prevent the dragging of the Column.

Thanks,
Hetali