element-ui中的table，如何动态给td添加自定义属性？

Question

问题描述

element-ui中的table，如何动态给td添加自定义属性？

问题出现的环境背景及自己尝试过哪些方法

element-ui中的table，如何动态给td添加自定义属性？

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

    <el-table-column
      label="姓名"
      width="180">
      **<template slot-scope="scope">
        <el-popover trigger="hover" placement="top">
          <p>姓名: {{ scope.row.name }}</p>
          <p>住址: {{ scope.row.address }}</p>
          <div slot="reference" class="name-wrapper">
            <el-tag size="medium">{{ scope.row.name }}</el-tag>
          </div>
        </el-popover>
      </template>**
    </el-table-column>