angular根据字段固定列

您可以使用Angular Material表格组件中的固定列功能来实现这个需求。首先，您需要在您的组件中导入MatTableModule并在HTML文件中添加mat-table元素。然后，您需要通过使用matColumnDef指令来定义您要固定的列。例如，如果您要固定名为“name”的列，您可以这样定义：

<ng-container matColumnDef="name">
  <th mat-header-cell *matHeaderCellDef> Name </th>
  <td mat-cell *matCellDef="let element"> {{element.name}} </td>
</ng-container>

接下来，您需要使用mat-table指令并将stickyColumns属性设置为您要固定的列的数组。例如，如果您要固定名为“name”的列，您可以这样定义：

<table mat-table [dataSource]="dataSource" stickyColumns="name">
  ...
</table>

最后，您需要将CSS样式应用于您要固定的列。例如，如果您要固定名为“name”的列，您可以这样定义：

.mat-column-name {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #ccc;
}

这将使名为“name”的列在滚动表格时固定在左侧，并在列之间添加边框。