如何自定义el-table表头内容

2025-04-23 13:54:19

1、打开一个vue文件,添加el-table表格组件,设置表格显示的内容为日期、姓名、地址。如图

如何自定义el-table表头内容
如何自定义el-table表头内容

2、设置地址列的el-table-罕铞泱殳column标签里插入template标签,然后设置在标签上添加slot值为header,最后在template里面设置地址后面加上一个添加的小图标。如图

如何自定义el-table表头内容

3、保存vue文件后使用浏览器打开,这时就可以看到表格的地址那一列的头部显示地址和一个添加的小图标。如图

如何自定义el-table表头内容
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢