效果图:
重点:使用 slot=“header” 插槽
<el-table :data="tableData" stripe style="width: 100%">
<el-table-column prop="date" label="日期" align="center" />
<el-table-column prop="name" label="员工姓名" align="center" />
<el-table-column prop="dep" align="center">
<template slot="header">
部门
<el-tooltip
class="item"
effect="dark"
content="图标提示语"
placement="top"
>
<i class="el-icon-warning-outline" />
</el-tooltip>
</template>
<template slot-scope="scope">
<span>
{{ scope.row.dep }}
</span>
</template>
</el-table-column>
<el-table-column prop="lossNum" align="center">
<template slot="header">
流失人数
<el-tooltip
class="item"
effect="dark"
content="流失人数图标提示语"
placement="top"
>
<i class="el-icon-warning-outline" />
</el-tooltip>
</template>
<template slot-scope="scope">
<span>
{{ scope.row.lossNum }}
</span>
</template>
</el-table-column>
</el-table>