Angular 垫台粘柱消失

从2013年写的这篇文章中=> 看来问题还没有解决

我还要补充一点

.mat-row:nth-child(even) {
    background-color:lightblue;
}

给我的桌子上色，当它超出桌子的宽度时，它看起来就停止工作了

例如：

如您所见，这是我的第一个专栏：

但在颜色出现同样的问题后，它完全消失了：

这是一张基本的垫子桌子

<div class="example-container mat-elevation-z8" [ng2-loading]="showSpinner">

  <mat-table [dataSource]="dataSource" matSort>
    <!-- Progress Column -->
    <ng-container matColumnDef="Servername">
      <mat-header-cell *matHeaderCellDef mat-sort-header> Servername </mat-header-cell>
      <mat-cell *matCellDef="let row"> {{row.Servername}} </mat-cell>
    </ng-container>

    .example-container {
    display: flex;
    flex-direction: column;
  }

  .mat-row:nth-child(even){
    background-color:lightblue;
    }

  
  .example-header {
    min-height: 64px;
    padding: 8px 24px 0;
  }
  
  .mat-form-field {
    font-size: 14px;
    width: 100%;
  }
  
  .mat-table {
    overflow: auto;
    max-height: 500px;
  }
  .container{
      background-color: white;
      border: 1.5px solid black;
      border-radius: 10px;
      text-align: center;
  }
  .mat-table{
      background-color: rgba(255, 255, 255, 0.959);
      overflow: auto;   
  }

  .mat-form-field-underline{
      background-color:transparent;
  }
  
  .mat-form-field-flex{
      font-size: 14px;
      line-height: 1em;
      color: #555;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      margin-top: 8px;
      padding: 2px;
  }
  .mat-form-field-wrapper{
      padding-bottom: 1.25em;
      padding-top: 1.25em;
  }
  .mat-form-field-infix{
      border:0px;
  }
  .mat-paginator{
      background-color: white;
  }
  

    .mat-column-actions {
      word-wrap: break-word !important;
      white-space: unset !important;
      flex: 0 0 10% !important;
      width: 10% !important;
      overflow-wrap: break-word;
      word-wrap: break-word;
    
      word-break: break-word;
    
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }

服务器名
{{row.Servername}}
.示例容器{
显示器：flex；
弯曲方向：立柱；
}
.mat行：第n个孩子（偶数）{
背景颜色：浅蓝色；
}
.示例标题{
最小高度：64px；
填充：8px24px0；
}
.mat表单字段{
字体大小：14px；
宽度：100%；
}
.席子桌{
溢出：自动；
最大高度：500px；
}
.集装箱{
背景色：白色；
边框：1.5px纯黑；
边界半径：10px；
文本对齐：居中；
}
.席子桌{
背景色：rgba（255、255、255、0.959）；
溢出：自动；
}
.mat表单字段下划线{
背景色：透明；
}
.mat表单字段flex{
字体大小：14px；
线高：1米；
颜色：#555；
背景图像：无；
边框：1px实心#ccc；
边界半径：4px；
边缘顶部：8px；
填充：2px；
}
.mat表单字段包装器{
垫底：1.25em；
垫面：1.25em；
}
.mat表单字段中缀{
边界：0px；
}
mat paginator先生{
背景色：白色；
}
.垫柱动作{
单词包装：打破单词！重要；
空白：未设置！重要；
弹性：0 10%！重要；
宽度：10%！重要；
溢出包装：断开单词；
单词包装：打断单词；
断字：断字；
-ms连字符：自动；
-moz连字符：自动；
-webkit连字符：自动；
连字符：自动；
}

有人有同样的问题，并修复了它