Angular实现固定列

Angular中实现固定列可以通过以下步骤实现：

1. 使用`position: sticky`将需要固定的列设置为粘性定位。
2. 将粘性定位的列的`z-index`设置为一个较高的值，以确保其始终位于其他单元格的顶部。
3. 将表格容器设置为`overflow-x: auto`，以便可以水平滚动表格。
4. 确保表格中的所有行具有相同的列数，以便固定列与其余列对齐。

以下是一个简单的示例：

<div class="table-container">
  <table>
    <thead>
      <tr>
        <th class="fixed-column">固定列1</th>
        <th>列2</th>
        <th>列3</th>
        <th>列4</th>
        <th>列5</th>
        <th>列6</th>
        <th>列7</th>
        <th>列8</th>
        <th>列9</th>
        <th>列10</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="fixed-column">数据1</td>
        <td>数据2</td>
        <td>数据3</td>
        <td>数据4</td>
        <td>数据5</td>
        <td>数据6</td>
        <td>数据7</td>
        <td>数据8</td>
        <td>数据9</td>
        <td>数据10</td>
      </tr>
      <!-- 其他行 -->
    </tbody>
  </table>
</div>

.table-container {
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

.fixed-column {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
}