datagrid column set TextAlign="TextAlign.Center" not working when not use filter #542

Closed
opened 2026-01-29 17:38:59 +00:00 by claunia · 0 comments
Owner

Originally created by @pigwing on GitHub (Sep 16, 2022).

Describe the bug
.rz-datatable-thead th > div:not(.rz-cell-filter), .rz-grid-table thead th > div:not(.rz-cell-filter) {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
outline: none;
padding: var(--rz-grid-header-cell-padding);
}
display set flex when the column not use filter TextAlign="TextAlign.Center" not working because style="text-align:center;" not working in flex layout

To Reproduce
Steps to reproduce the behavior:
image

and cancel flex layout
image
it is workign well

but it doesn't work on filter
image
break
image

Originally created by @pigwing on GitHub (Sep 16, 2022). <!-- 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** .rz-datatable-thead th > div:not(.rz-cell-filter), .rz-grid-table thead th > div:not(.rz-cell-filter) { display: flex; justify-content: flex-start; align-items: center; width: 100%; outline: none; padding: var(--rz-grid-header-cell-padding); } display set flex when the column not use filter TextAlign="TextAlign.Center" not working because style="text-align:center;" not working in flex layout **To Reproduce** Steps to reproduce the behavior: ![image](https://user-images.githubusercontent.com/8393545/190544269-e54e2ea5-c858-40ea-9a81-0180a26db653.png) and cancel flex layout ![image](https://user-images.githubusercontent.com/8393545/190544403-d0e6ce15-24ae-481d-90aa-1a83fae120d0.png) it is workign well but it doesn't work on filter ![image](https://user-images.githubusercontent.com/8393545/190544645-74a28885-1d57-44ca-81db-86894fbde32c.png) break ![image](https://user-images.githubusercontent.com/8393545/190544709-fb3fcb15-b552-4116-8fed-74b824973ceb.png)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#542