ElementUi el-table表头上加小气泡提示

" "

需求描述

在表头上显示小气泡做详细说明

​

解决方法

​​

代码:

 <el-table-column label="毛利润" align="center" prop="profitAmount">
        <template slot="header" slot-scope="scope">
          毛利润
          <el-tooltip class="item" effect="dark" placement="top" content="毛利润=该笔订单所有商品销售价格-进价(无进价按0计算)" >
            <i class="el-icon-info"></i>
          </el-tooltip>
        </template>
        <template v-slot="childScope">
          {{ childScope.row.profitAmount | redPackFormat }}
        </template>
      </el-table-column>

效果：

​​