小编Sai*_*Ali的帖子

我想修改 Angular Material Paginator 的默认外观。例如，我想将 justify-content 属性更改为 flex-start。

.mat-paginator-container {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 56px;
padding: 0 8px;
flex-wrap: wrap-reverse;
width: 100%;}

我所做的是 - 我将下面的 css 粘贴到了 style.css 文件中

.mat-paginator-container {
display: flex;
align-items: center;
justify-content: flex-start;
min-height: 56px;
padding: 0 8px;
flex-wrap: wrap-reverse;
width: 100%;}

但这没有用。我还尝试了组件的 css 文件中的 css。但这也不起作用。那么如何修改css呢？

更新

事实证明，我必须使用 !important 并且它起作用了！。我一直在回避那个，但别无选择。任何更好的解决方案，然后请告诉我。

我正在尝试更改 Angular Material 数据表中排序箭头的标题颜色。这是一个链接：链接到数据表。

排序箭头的默认颜色是 gary。我想换成白色。尽管付出了很多努力，我还是无法改变。请帮忙。

嗨，有一个包含 4 列的数据表 - 姓名、年龄、分数、学校。现在我想为每一列应用过滤器。过滤器单独工作正常。但我无法合并过滤器的结果 - 例如，我无法过滤掉标记 > 90 和来自“abc”学校的名称。

我试过这样的事情，但没有奏效。

applyFilter(filterValue: string) {
    console.log("Filter is applied upon:",this.dataSource)
    let initialDataSource = this.dataSource;
    this.dataSource.filter = filterValue.trim().toLowerCase();
    this.filteredDataSource = this.dataSource.filteredData
    this.filterVal = this.dataSource.filter;
    if(this.filterVal.length != 0){
      this.dataSource = new MatTableDataSource(this.filteredDataSource);
      this.dataSource.filter = filterValue.trim().toLowerCase();
    }else{
      this.dataSource = initialDataSource;
      this.dataSource.filter = filterValue.trim().toLowerCase();
      this.filteredDataSource = this.dataSource.filteredData
    }
  }

上面的函数做了过滤，但是当我清除过滤值时，表数据不会改变。当我删除一个字符时它也不会改变。

我想根据一些 json 值设置数据表的各个行的样式。

例如，如果特定行的温度值 >30，我必须将该行着色为红色。如果在 30 到 50 之间，则颜色应为绿色。否则颜色应该是绿色的。

截至目前，我只能使用以下方法定位偶数行或奇数行：

tr:nth-child(even)/tr:nth-child(odd).

我有一个看起来像的角材料分页器

我想样式，它应该看起来像

我现在很难设计它的样式。我只是能够移动分页器中的元素（开始和结束位置），除此之外，我无法进行任何修改。

请让我知道如何做所需的样式？

这是stackblitz链接https://stackblitz.com/edit/angular-tjhkpo