数据网格。如何更改标题的背景颜色？

Question

我需要更改这个白色背景图像参考

<DataGrid
    rows={users}
    columns={columns}
    disableColumnMenu={true}
    hideFooter={true}
    loading={isLoading}
    autoHeight={true}
    sx={{
      boxShadow: 2,
      border: 2,
      borderColor: "#292524",
      "& .MuiDataGrid-cell": {
        color: "white",
        borderColor: "#292524",
      },
      "& .MuiDataGrid-columnHeader": {
        backgroundColor: "#0c0a09",
        color: "#75706c",
      }
    }}
/>

& .MuiDataGrid-columnHeader

更改颜色，但仅限内部标题单元格

Answer 1

mui 将空格视为填充符而不是列标题，因此您还需要更改 MuiDataGrid-filler 类的颜色