Completed
Last Updated: 14 Aug 2025 13:44 by ADMIN
Bob
Created on: 17 Aug 2018 14:03
Category: Grid
Type: Feature Request
1
Grid responsiveness
I would like to see more responsiveness in the grid.  I believe what i understand to be known as stacking could be achieved by additions to the media operator on columns.  Thus we could have media=".col-sm-12 col-md-6 col-lg-4 col-xl-3".  The underlying code could then use media queries and where the column will not fit on the device without the ugly scroll bar it would wrap the columns in a kendo-grid-span-column directive giving a card-like effect on smaller devices.  Of course this may need some columns to be hidden on smaller devices so we could also use the [hidden] directive like so: [hidden]="sm".  The next thing you would have to think about would be what to do with column headers when a row is stacked and, again, we could use the [hidden]="sm".
2 comments
ADMIN
Yanmario
Posted on: 14 Aug 2025 13:44

Hi everyone,

Our team has improved the Grid adaptiveness and responsiveness, which is shown in the following documentation:

https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/stacked-layout-mode 

https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/adaptiveness

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

ADMIN
Martin Bechev
Posted on: 22 Jun 2021 13:42

Hi Bob,

We are declining this request due to low interest and demand. If it turns to be popular in the future we will reconsider the status.

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