角材料表水平溢出会将列移出屏幕？

Question

我一直在尝试使表格对移动/平板电脑更加友好，并且我在文档中的粘性列中使用了Angular Material的表格示例。

问题是，当我水平滚动时，无论如何桌子都离开屏幕，超出了粘性列，这是一个屏幕记录：https://streamable.com/oesai-我在单元格中制作了颜色和背景色的蓝绿色覆盖数据。

我已经将自己的类添加到标头单元格和表单元格中，该表位于具有CSS flex的div内。如果我将溢出自动置于div本身上/滚动，则看不到它在粘性单元格后面滚动，但是仍然会滚动，并且您仍然无法到达该数据。

我当前的样式（SASS）：

.manage-users-table {
  .manage-users-table-cell {
    padding: 10px;
    font-weight: 500;
    font-size: 14px;
  }
  #name-cell {
    white-space: nowrap !important;
  }

  .manage-users-table-header {
    font-weight: 400;
    font-size: 14px;
    color: $DarkGrey;
  }
}

.mat-table {
  overflow: scroll;
}

nowrap部分仅用于名称列。