How to change DataGrid Head color?

SCosmos · May 9, 2023, 5:24am

HI, I would like to know if i's possible to change the color of the head of the datagrid?

thanks in advance

yordanov · May 9, 2023, 5:47am

You can use the following custom CSS properties:

:root {
    --rz-grid-header-color: white;
    --rz-grid-header-background-color: red;
}

athulya87 · January 31, 2024, 3:52pm

Hi, I put these in my css file and it works but it does something weird after the sorting of category - it is white in that corner

yordanov · January 31, 2024, 4:33pm

This is not part of the DataGrid's header. It is a filter cell and uses the --rz-grid-filter-background-color css variable:

:root {
    --rz-grid-filter-background-color: #cccccc;
}

You can use browser's DevTools to inspect the different UI elements and the styles they use.