更改css風格的角度材料數據表

Question

我正在使用mdDataTable來顯示檢索到的表單服務器的數據。是否有可能更改mdt-row的css類？如果我嘗試添加一個類，mdDatatable覆蓋它

Answer 1

在自己的CSS文件

，你可以通過明確靶向角MD類，像這樣覆蓋CSS：

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

但我會小心因爲這覆蓋整個網站。您可以通過頁面上的目標父元素，像覆蓋只需單頁：

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

另要注意，要確保你的CSS文件加載角CSS文件（S）後。

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; 
     }