Angularjs 更改角度材质数据表的css样式

我使用mdDataTable显示从服务器检索到的数据。是否有可能更改

mdt行的css类

？如果我尝试添加一个类，mdDatatable会在您自己的css文件中覆盖它，您可以通过显式地针对angular md类来覆盖css，如下所示：

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

但我会小心，因为这会覆盖整个网站。您可以通过针对页面上的父元素来覆盖单个页面，如：

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

另一个注意事项是，确保在角度css文件之后加载css文件。

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

---

非常感谢。我对mdt列也有同样的问题。。。。我试图添加一个跨度，它可以进行动态转换，但它会覆盖它。。。。我该怎么解决呢？确保你的css文件是在角度文件之后加载的。如果是，则使用Chrome/Firefox开发工具确定最后加载的属性。