Radzen DataGrid column headers are showing in front of modal dialog #303

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

Originally created by @nstuller on GitHub (Jan 20, 2022).

Steps to reproduce the behavior:

  1. Use a bootstrap modal dialog on your page
  2. Use the RadzenDataGrid
  3. When the modal dialog pops up, the column header shows in front of the modal dialog.

Expected behavior
The column header will show behind the modal dialog. This behavior was fine in version 3.14.2. I am experiencing the issue in both 3.14.5 and 3.14.6.

Screenshots
DialogGood
DialogBad

Desktop (please complete the following information):

  • OS: [e.g. iOS] - Windows 10
  • Browser [e.g. chrome, safari] - Edge
Originally created by @nstuller on GitHub (Jan 20, 2022). Steps to reproduce the behavior: 1. Use a bootstrap modal dialog on your page 2. Use the RadzenDataGrid 3. When the modal dialog pops up, the column header shows in front of the modal dialog. **Expected behavior** The column header will show behind the modal dialog. This behavior was fine in version 3.14.2. I am experiencing the issue in both 3.14.5 and 3.14.6. **Screenshots** ![DialogGood](https://user-images.githubusercontent.com/11318836/150383485-fbfe288c-010c-464a-b35b-b15ddba11574.PNG) ![DialogBad](https://user-images.githubusercontent.com/11318836/150383508-7abe75cc-bb2d-46f4-b5ff-2110bd02903d.PNG) **Desktop (please complete the following information):** - OS: [e.g. iOS] - Windows 10 - Browser [e.g. chrome, safari] - Edge
Author
Owner

@nstuller commented on GitHub (Jan 27, 2022):

Thank you for the quick turnaround!

@nstuller commented on GitHub (Jan 27, 2022): Thank you for the quick turnaround!
Author
Owner

@enchev commented on GitHub (Feb 4, 2022):

Hi @nstuller,

Unfortunately we reverted this fix due to problems with Radzen Blazor form components in DataGrid with frozen columns:
image

The only option we can offer you for now is to set bigger z-index for the bootstrap modal. I'm leaving this issue open.

@enchev commented on GitHub (Feb 4, 2022): Hi @nstuller, Unfortunately we reverted this fix due to problems with Radzen Blazor form components in DataGrid with frozen columns: ![image](https://user-images.githubusercontent.com/5804953/152533801-eab9dd2c-4d50-4a49-9a4c-262c776d1143.png) The only option we can offer you for now is to set bigger z-index for the bootstrap modal. I'm leaving this issue open.
Author
Owner

@akorchev commented on GitHub (Mar 30, 2025):

Closing as there isn't much we can do to prevent this from happening.

@akorchev commented on GitHub (Mar 30, 2025): Closing as there isn't much we can do to prevent this from happening.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#303