Question

我的桌子：

<mat-table  [dataSource]="dataSource" >
        
    <!-- Position Column -->
    <ng-container matColumnDef="Customer">
      <mat-header-cell *matHeaderCellDef > CUSTOMER </mat-header-cell>
      <mat-cell *matCellDef="let element" > {{element.Customer}} </mat-cell>
    </ng-container>
    
 
    <!-- Name Column -->
    <ng-container matColumnDef="Origin">
      <mat-header-cell *matHeaderCellDef> ORIGIN </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.Origin}} </mat-cell>
    </ng-container>
 
    <ng-container matColumnDef="Destination">
      <mat-header-cell *matHeaderCellDef> DESTINATION </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.Destination}} </mat-cell>
    </ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns;sticky: true"></mat-header-row>
    <mat-row *matRowDef="let row; columns: displayedColumns;" ></mat-row>
  </mat-table>

CSS：

.mat-table {
border-collapse: separate;
border-spacing:04px;
}

我得到的是什么

[---MAT-ROW---]
[---MAT-ROW---]
[---MAT-ROW---]
[---MAT-ROW---]

我需要什么：

[---MAT-ROW---]

[---MAT-ROW---]

[---MAT-ROW---]

试图在mat-table上添加边框间距。...还添加了边框折叠功能...仍然无法正常工作。

有人可以帮助我吗？谢谢...！

Answer 1

使用下面的 css 。

ggplot(Expo.Shared.PB1, aes(x=as.numeric(day), y=Freq, color = as.character(Quail))) +
  geom_path(stat = "summary")+
  geom_point(stat = "summary") +
  facet_grid(Expo~.)

Answer 2

在styles.css

中添加此样式

.mat-table {
  border-collapse: separate!important;
  border-spacing:0 4px!important;
}

要覆盖现有样式，您需要在styles.css内添加

https://stackblitz.com/edit/ng-fullpage-scrolltable-pl2myn

以垫台角度增加垫排之间的间隙

2 个答案: