Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

grid-no-grow spacer column styling #1409

Unanswered
timrae asked this question in Q&A
Discussion options

Hi not sure if this is a bug or if there's a setting I'm missing, but the spacer column doesn't seem to respect the styling I add to muiTableBodyCellProps. As you can see in the attached, I've disabled the cell borders and changed the colors of the cells, but the spacer column retains the old color and borders, and it looks very ugly. I'd like to have the same style from the table in the spacer column, is this possible?

Minimal code sandbox here

 const table = useMaterialReactTable({
 columns,
 data,
 enableColumnOrdering: true,
 enableColumnResizing: true,
 muiTableBodyCellProps: {
 sx: {
 backgroundColor: '#0000FF7F',
 borderBottom: 'none',
 },
 },
 muiTableHeadCellProps: {
 sx: {
 backgroundColor: '#0000FF7F',
 borderBottom: '1px solid #FFFFFF1A',
 },
 },
 });
Screenshot 2025年04月21日 at 11 28 26
You must be logged in to vote

Replies: 0 comments

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
1 participant

AltStyle によって変換されたページ (->オリジナル) /