element-ui table 表头特殊的展示（采用jxs的写法）

最新推荐文章于 2022-12-06 14:40:18 发布

红孩儿2011

最新推荐文章于 2022-12-06 14:40:18 发布

阅读量312

点赞数

文章标签： element-ui table jxs

本文链接：https://blog.csdn.net/qq_26642611/article/details/103402234

版权

实现的效果
在表格头实现以下效果
在这里插入图片描述
代码

        <el-table-column
          prop="helpcount"
          label="好友数量"
          :render-header="handleHelp">
        </el-table-column>


采用jxs的写法
:render-header="handleHelp"

 handleHelp(h,{column}){
            return(

                <el-popover
                  placement="bottom"
                  width="450"
                  trigger="hover"
                  >
                  <div>指已为代言人加油的好友数量</div>
                  <span slot="reference" class="ml-10">好友数量<i class="icon iconfont icon-qestion c-green ml-5"></i></span>
                </el-popover>


            )
          }