2017-11-23 28 views
-1

テーブルヘッダーのテキストの色とフォントを変更する際に、反応と材質の問題を解決し始めました。オーバーライドすると、デフォルトのスタイルが変更されないように見えます。 "headerStyle"(オブジェクト)を使用すると、ヘッダーのスタイリングが変更されることが指定されています。これを達成するために変えなければならない特性を誰かが助けてくれますか?テーブルヘッダーのテキストとフォントの色を変更する - 材質テーブル(0.19.4)

+1

コードを追加できますか? – ChaseHardin

+0

既に行っている作業の一部を提供してください – Skytiger

+0

以下のオンラインエディタで簡単なテーブルを作成しました.https://stackblitz.com/edit/react-emfcf1?file = TableComponent.js – joel

答えて

0

あなたのコードをチェックしました。 classNameを正常に追加すると正常に動作します。

<TableHeader className="table-header"> 

そして今、あなたは

.table-header{ 
    background: #cdcdcd !important; 
} 

.table-header th { 
    color: blue !important 
} 

enter image description here

これは、背景色を変更すると、テーブルの色を見出しに適していますようにあなたの必要性に応じて必要なスタイリング適用することができます!

+0

stackblitz.com/ edit/react-lmyp3b?file = TableComponent .js – joel

+0

https://stackblitz.com/edit/react-lmyp3b?file=TableComponent.js – joel

+0

私は試しましたが、動作していません。試したコードはhttps:// stackblitzです。 com/edit/react-lmyp3b?file = TableComponent.js – joel

関連する問題