养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何设置el-table锁定列

时间:2024-10-12 11:20:20

在使用Element开发vue项目时,如何设置el-table锁定某一列的效果呢?如图

如何设置el-table锁定列

方法/步骤

1、打开一个vue文件,插入一个el-table组件,并设置组件显示内容为日期、姓名、年龄、地址。如图

如何设置el-table锁定列

如何设置el-table锁定列

2、在地址这一列标签上添加fixed属性,设置值为right,用于锁定地址这一列。如图

如何设置el-table锁定列

3、保存vue文件后使用浏览器打开,这是可以看到地址这一列已经实现锁定效果。如图

如何设置el-table锁定列

© 一点知识