element自定义表头内容

2023-04-04 14:33:43 浏览数 (3)

实现效果:

想要让表头回车

实现代码

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>

1 人点赞