Skip to content

SOLUTION: Transparent header background / overlapping text #4004

@Ben-CA

Description

@Ben-CA

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:

Image

I simply added this CSS:

.rdg-header-row > .rdg-cell {
background-color: #f9f9f9;
}

to once again get the desired look:

Image

NOTE: I had tried the following in my vite.config.js, but that caused my server build to fail.

build: {
....,
cssMinify: 'esbuild'
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions