需求:表格有一列是显示**比重数据,用户想知道这个比重数据的计算公式,需要再表头加一个小图标,鼠标放在图标上,显示计算公式。
分析:该需求的实现方式有两种,我们说一个比较简单的,且没有样式问题的。
实现:
<el-table-column prop="fundRatio" align="center">
<template slot-scope="scope" slot="header">
<span>
比重
<el-tooltip
:aa="scope"
class="item"
effect="dark"
content="单个债券持仓值 / 该债券发行量"
placement="top-start"
>
<i class="el-icon-warning" style="color:#66B1FF; margin-left:5px;'"> </i>
</el-tooltip>
</span>
</template>
</el-table-column>