Datagridコンポーネントのスタイルをカスタマイズまたは更新する方法は？

Question

Material-UI Style Guideに基づいてDatagridコンポーネントのヘッダスタイルを変更しようとしました。 Datagridの本文コンテンツはカスタムスタイルに基づいて更新されますが、ヘッダーはカスタムスタイルの変更に反映されません。

コードスニペットは、以下である：

export const TableStyleProp = { 
    style: { 
    color: "#ff0000" 
    }, 
    selectable: true, 
    headerStyle: { 
    color: "#ff0000" 
    }, 
    bodyStyle: {} 
}; 


const muiTheme = getMuiTheme({ 
     table: { 
     backgroundColor: "#FF0000 !important" 
     }, 
     thead: { 
     backgroundColor: "#b7cbfb" 
     }, 
     tableHeader: { 
     borderColor: "#FF0000", 
     backgroundColor: "#FF0000" 
     }, 
     tableHeaderColumn: { 
     textColor: "#FF0000", 
     height: 56, 
     spacing: 24 
     }, 
     tableRow: { 
     hoverColor: "#FF0000", 
     stripeColor: "#FF0000", 
     selectedColor: "#FF0000", 
     textColor: "#FF00FF", 
     borderColor: "#FF0000", 
     height: 48 
     }, 
     tableRowColumn: { 
     height: 48, 
     spacing: 24 
     } 
    }); 

<MuiThemeProvider muiTheme={muiTheme}> 

Answer 1

これは、ドキュメントに記載されている：https://marmelab.com/admin-on-rest/List.html#custom-grid-style