変更するCSSスタイル

Question

私は、フォームサーバー取得したデータを表示するためにmdDataTableを使用しています。 mdt-rowのCSSクラスを変更する可能性はありますか？私はクラスを追加しようとすると、mdDatatableは、明示的にこのように、角度MDクラスをターゲットによってCSSを上書きすることができ、独自のCSSファイルで

Answer 1

それを上書き：

.mdt-row { 
    {overridesettingname}: {newsetting}; 
} 

しかし、私は慎重になるだろうこれはサイト全体をオーバーライドするためです。あなたは次のように、ページ上の親要素を標的とすることによって、1つだけのページを上書きすることができます。

.{mypageclassname} .mdt-row { 
    {overridesettingname}: {newsetting}; 
} 

別のノートを、CSSファイルは、角度CSSファイル（複数可）の後にロードされていることを確認してください。

Answer 2

デベロッパーツールで要素のクラスとIDを調べることができます。すべての要素のスタイルを簡単に追加できます。必要に応じて追加できるサンプルスタイルを追加しました。それが役に立てば幸い。

.mat-table { 
     overflow: auto; 
     max-height: 700px; 
     } 

.mat-header-cell .mat-sort-header-sorted { 
     color: #0A0A0A; 
     } 

md-pagination-wrapper { 
     width:auto !important; 
    } 

md-row:nth-child(even){ 
     background-color:#EDF1F5; 
     } 

md-row:nth-child(odd){ 
     background-color:#FDFDFB; 
     }