RadzenDataGrid Does Not Have Adaptive UI Like RadzenGrid #274

Closed
opened 2026-01-29 17:34:36 +00:00 by claunia · 3 comments
Owner

Originally created by @Mike-E-angelo on GitHub (Dec 4, 2021).

Describe the bug
One of the coolest and most valuable features of RadzenGrid was that it had a "no nonsense" adaptive UI mode when the document width shrunk to a certain point, showing a mobile-friendly version of the content when hitting the 768px breakpoint. This no longer appears to be the case with RadzenDataGrid.

To Reproduce
Steps to reproduce the behavior:

  1. Use a RadzenGrid and shrink the document to less than 768px width. Observe mobile-friendly content.
  2. Replace RadzenGrid with RadzenDataGrid in the control tag.
  3. Reload application and shrink the document to less than 768px. Observe that the grid no longer changes rendering modes.

Expected behavior
As the RadzenGrid may be deprecated in the future, its replacement should ideally continue the primary and most-valuable features. In this case, RadzenDataGrid should also provide mobile-friendly rendering when the appropriate breakpoint is reached.

Screenshots
RadzenGrid:

RadzenDataGrid:

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Chrome
  • Version: Version 96.0.4664.45 (Official Build) (64-bit)

Additional context
I spent some time searching for any obvious properties that would enable expected behavior but had no luck.

Originally created by @Mike-E-angelo on GitHub (Dec 4, 2021). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can report your issue or ask us a question via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. Specify all the steps required to reproduce the issue or link a project which reproduces it easily (without requiring extra steps such as restoring a database). --> **Describe the bug** One of the coolest and most valuable features of `RadzenGrid` was that it had a "no nonsense" adaptive UI mode when the document width shrunk to a certain point, showing a mobile-friendly version of the content when hitting the 768px breakpoint. This no longer appears to be the case with `RadzenDataGrid`. **To Reproduce** Steps to reproduce the behavior: 1. Use a `RadzenGrid` and shrink the document to less than 768px width. Observe mobile-friendly content. 2. Replace `RadzenGrid` with `RadzenDataGrid` in the control tag. 3. Reload application and shrink the document to less than 768px. Observe that the grid no longer changes rendering modes. **Expected behavior** As the `RadzenGrid` [may be deprecated in the future](https://forum.radzen.com/t/introducing-the-brand-new-radzendatagrid/7842), its replacement should ideally continue the primary and most-valuable features. In this case, `RadzenDataGrid` should also provide mobile-friendly rendering when the appropriate breakpoint is reached. **Screenshots** `RadzenGrid`: ![](https://bit.ly/31wDSqG) `RadzenDataGrid`: ![](https://i.imgur.com/WnSALMx.png) **Desktop (please complete the following information):** - OS: Windows 10 - Browser: Chrome - Version: `Version 96.0.4664.45 (Official Build) (64-bit)` **Additional context** I spent some time searching for any obvious properties that would enable expected behavior but had no luck.
Author
Owner

@Matthewsre commented on GitHub (Dec 5, 2021):

I started switching over to the new grids and just noticed this unexpected behavior as well. I'll follow this issue to know when we can upgrade our grids since we rely on this capability. Ideally there would be an option to enable/disable this behavior on the new grid.

@Matthewsre commented on GitHub (Dec 5, 2021): I started switching over to the new grids and just noticed this unexpected behavior as well. I'll follow this issue to know when we can upgrade our grids since we rely on this capability. Ideally there would be an option to enable/disable this behavior on the new grid.
Author
Owner

@enchev commented on GitHub (Dec 6, 2021):

I've just added this to RadzenDataGrid:
f2b1e7becc

@enchev commented on GitHub (Dec 6, 2021): I've just added this to RadzenDataGrid: https://github.com/radzenhq/radzen-blazor/commit/f2b1e7beccf347194738e6d18633797f870a4b09
Author
Owner

@Mike-E-angelo commented on GitHub (Dec 6, 2021):

AWESOME! Thank you so much for your quick assistance in this matter @enchev!

@Mike-E-angelo commented on GitHub (Dec 6, 2021): AWESOME! Thank you so much for your quick assistance in this matter @enchev!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#274