element 表格内容过长时设置隐藏，通过popover弹窗显示

acoolgiser

发布于 2020-05-20 15:58:33

2.3K00

代码可运行

文章被收录于专栏：acoolgiser_zhuanlanacoolgiser_zhuanlan

运行总次数：0

代码可运行

一、首先看效果图：

二、示例代码：

<el-table-column prop="safetyRisk" label="安全隐患" width="200">
    <template slot-scope="scope">
          <el-popover
            placement="top-start"
            title="安全隐患"
            width="300"
            trigger="hover"
          >
            <div>{{ scope.row.safetyRisk }}</div>
            <span slot="reference">{{
              scope.row.safetyRisk.substr(0, 30) + "..."
            }}</span>
          </el-popover>
    </template>
</el-table-column>