前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >element自定义表头内容

element自定义表头内容

原创
作者头像
肥晨
发布2023-04-04 14:33:43
4690
发布2023-04-04 14:33:43
举报
文章被收录于专栏:农民工前端

实现效果:

想要让表头回车

实现代码

el-table-column需要去掉label和prop属性, 然后使用插槽 slot。

prop也可不去掉。

如果需要传参,header还是需要加上slot-scope="scope"。

代码语言:css
复制
<el-table-column align="center"  prop="contact">
	<template slot="header" slot-scope="scope">
		联系人<br>联系电话
	</template>
	<template slot-scope="scope">
		<span>{{scope.row...}}</span>
	</template>
</el-table-column>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 实现效果:
  • 实现代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档