关于#elementui#的问题：element ui table Y轴出现滚动条 第一列Y轴方向合并 数据居中 怎么可以固定第一列的高度，使滚动Y轴滚动条的时候，第一列展示的数据一直在可视范围内

element ui table Y轴出现滚动条 第一列Y轴方向合并 数据居中 怎么可以固定第一列的高度，使滚动Y轴滚动条的时候，第一列展示的数据一直在可视范围内 。。

img

在表格的第一列中使用fixed属性，将其固定在左侧：

<el-table :data="tableData" style="width: 100 height="400">
  <el-table-column prop="name" label="姓名" width="180" fixed></el-table-column>
  <el-table-column prop="age" label="年龄" width="180"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

可以在data中定义tableHeight并赋值为您想要的高度值。

使用CSS样式来固定表头和第一列：


.el-table__header-wrapper {
  position: sticky;
  top: 0;
  z-index: 1;
}

.el-table__fixed-body-wrapper {
  position: sticky;
  left: 0;
  z-index: 1;
```javascript

}

居中第一列的数据。可以在表格列组件的作用域插槽中包含一个div并添加样式来实现：

```javascript
<el-table-column prop="name" label="姓名" width="180" fixed>
  <template slot-scope="{ row }">
    <div class="center">{{ row.name }}</div>
  </template>
</el-table-column>