Question

how to apply custom CSS to data grid

0

I want to apply css to headers and rows but I have written it and applied class to data grid but it is not working. Please let me know how to do that .my-custom-grid .mx-datagrid-head { background-color: red; color: white; font-weight: bold;} .my-custom-grid .mx-datagrid-head th { text-align: center; border: 1px solid white;} .my-custom-grid .mx-datagrid-body td { text-align: center; font-weight: 500;} .my-custom-grid .mx-datagrid-body tr:nth-child(odd) { background-color: #e6e6e6;} .my-custom-grid .mx-datagrid-body tr:nth-child(even) { background-color: #d0d0d0;}

asked 2025-07-23

Priya Hatwar

4 answers

RAJU PATEL · Answer 1 · 2025-07-23

Hello Priya

please check below forum questions.

Mendix Community - Question Details

Mobin Mulla · Answer 2 · 2025-07-23

Hi Priya,

1. Create custom scss file and import it into main.scss file

2. In custom scss file, write your custom styling and add !important to the styling properties.

Try this, let me know for any assistance

Thanks,

Mobin

Priya Hatwar · Answer 3 · 2025-07-23

yes, I have added in main.scss still I am facing the issue.

Priya Hatwar · Answer 4 · 2025-07-23

Yes, I have added my custom css in custom-variable.scss file and apply claa to data grid still it is not working.