change the background color of the Table Row-CodePudding

How can I change the background color of the Table Row, I tried using "BackgroundColor" but it didn't change

How can i solve the problem?

     <TableRow style={{ backgroundColor: "#FF0000" }}>
        <TableCell>
          <Button>All</Button>
        </TableCell>
      </TableRow>

CodePudding user response：

try: background-color instead of backgroundColor

Never used react before, thats just the traditional css way.

CodePudding user response：

Your code should work fine. See below for a working example with your exact same attempt:

You can find the codesandbox reproduction here. You can also look into the sx prop when working with MUI components.