elementui怎么固定某一行
时间: 2023-09-14 07:03:05 浏览: 49
在ElementUI表格中固定某一行,可以使用`fixed`属性。具体来说,你可以在需要固定的行上添加一个`fixed`属性,然后将其设置为`true`。例如:
```
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
<el-table-column prop="email" label="邮件"></el-table-column>
<el-table-column prop="phone" label="电话"></el-table-column>
<el-table-column fixed="true" label="操作">
<template slot-scope="scope">
<el-button @click="handleEdit(scope.row)">编辑</el-button>
<el-button @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
```
在上面的代码中,第一行没有设置`fixed`属性,因此不会被固定。而最后一行的`fixed`属性被设置为`true`,因此会被固定在表格底部。
请注意,只能固定表格的最后一行。如果你想要固定表格的其他行,可以考虑使用自定义样式或者自行实现固定行的功能。