For anyone else using Vite (Vite 8 uses Lightning CSS as the default CSS minifier automatically) that is encountering the "transparent header background / data text overlapping header text" in react-data-grid, like this:
I simply added this CSS:
.rdg-header-row > .rdg-cell {
background-color: #f9f9f9;
}
to once again get the desired look:
NOTE: I had tried the following in my vite.config.js, but that caused my server build to fail.
build: {
....,
cssMinify: 'esbuild'
}
For anyone else using Vite (Vite 8 uses Lightning CSS as the default CSS minifier automatically) that is encountering the "transparent header background / data text overlapping header text" in react-data-grid, like this:
I simply added this CSS:
.rdg-header-row > .rdg-cell {
background-color: #f9f9f9;
}
to once again get the desired look:
NOTE: I had tried the following in my vite.config.js, but that caused my server build to fail.
build: {
....,
cssMinify: 'esbuild'
}