element中table列增加图标并进行悬浮显示

效果图

代码：

<el-table-column width="160" prop="group">
	<template slot="header" slot-scope="scope">
		<span>分配小组
			<el-tooltip :aa="scope" class="item" 　effect="dark" placement="top-start">
				<div slot="content" v-html="ipContent"></div>
	　　　　　　<i class="iconfont"></i>
	　　　　</el-tooltip>
		</span>
	</template>
</el-table-column>


return {
	ipContent:"适用于多组（平行组）同时考核，当考官分组编号一致，视作一组。<br>" +
			"1）多个考官计分规则：考官一评分*权重+考官二评分*权重+...=考生分数<br>" +
			"2）非必填，单组考试保持为空即可",
}

.iconfont {
	width: 16px;
	height: 16px;
	background: url(../../images/kh/icon-help.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	margin:3px;
}