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

 时间:2024-10-12 10:23:22

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

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

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

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

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

如何自定义el-table表头内容
  • 黑暗之魂3沸腾混沌使用技巧
  • 仁王2 秀龙的遗志 任务攻略
  • 艾尔登法环萨米尔弯刀获取攻略
  • 最终幻想7重制版触手怪怎么打
  • 艾尔登法环怎么使用追忆
  • 热门搜索
    节约用水手抄报文字 红领巾心向党手抄报 安全在我心中手抄报 节约用电手抄报 关于读书的手抄报内容 手抄报版面设计图大全 诚信手抄报 祖国手抄报 儿童手抄报 汉字真有趣手抄报