更改css风格的角度材料数据表

我正在使用mdDataTable来显示检索到的表单服务器的数据。是否有可能更改mdt-row的css类？如果我尝试添加一个类，mdDatatable覆盖它更改css风格的角度材料数据表

2016-07-11 panagulis72

在自己的CSS文件

，你可以通过明确靶向角MD类，像这样覆盖CSS：

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

但我会小心因为这覆盖整个网站。您可以通过页面上的目标父元素，像覆盖只需单页：

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

另要注意，要确保你的CSS文件加载角CSS文件（S）后。

来源

2016-07-11 16:09:11 ganders

谢谢！我有与mdt列相同的问题....我尝试添加一个可以翻译的跨度，但它会覆盖它。状态“> 我该如何解决它？ – panagulis72

确保您的css文件在角度文件后加载。如果是，则使用Chrome/Firefox开发工具确定最后加载哪个属性。 – ganders

您可以在开发人员工具中探索元素的类和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; 
     }

来源

2017-10-02 15:57:49 Sameel

更改css风格的角度材料数据表

回答

相关问题