角材料-垫台

Question

我正在使用角形材料，并且一直在尝试为垫子桌子设置一些样式，但没有成功。我需要更改表格本身的边框半径，还需要将表格内部的间距更改为“ space-between”。我非常需要这种设计：Design

谢谢！

Answer 1

您已添加以下CSS更改：-

.mat-table {
  overflow: auto;
  max-height: 500px;
  border-radius: 10px;  // this change
}

.example-container{
  border-radius: 10px; // this change
}

Answer 2

首先，您需要检查是否已为mat-table应用边框样式。据我所知，mat-table默认情况下不添加边框。如果没有，请添加边框样式并为使CSS适用，您需要在CSS文件中的类名称前使用 / deep / 。

/deep/ .mat-table {
            border: 1px solid;
            border-radius: 30%; 
        }

或者您可以添加

  encapsulation: ViewEncapsulation.None,

在您的component.ts中作为 @component 装饰器中的参数。