材料表过滤：filterCellStyle backgroundColor 未应用于整行

Question

Material-table filtering: filter cell style's background color is not applied to the entire row. The column created for row selection has its own style and I don't know how to override it.

Code example: https://codesandbox.io/s/material-table-filter-selection-forked-t9vb54?file=/src/App.js

Answer 1

just add this to your style.css file:

.App
  .MuiTableBody-root .MuiTableRow-root:first-of-type {
  background: #6ABAC9;
}

you can also delete this prop:

   filterCellStyle: {
            backgroundColor: "#6ABAC9"
          }