关于前端:elementui-eltable-showoverflowtooltip-使用

明天发现show-overflow-tooltip 没失效,追究了起因, 原来show-overflow-tooltip 不能用在自定义的字段上, 否则不会显示省略号, 但鼠标附上去有提醒,如下

<el-table-column label="广告包名称" prop="name" show-overflow-tooltip>
          <!-- 点击弹编辑广告包dialog -->
          <template slot-scope="scope">
            <el-button type="text" @click="edit(scope.row.id, 'edit')">
              {{scope.row.name}}
            </el-button>

          </template>
        </el-table-column>

若不对字段显示内容自定义, 则能够显示省略号

<el-table-column label="广告包名称" prop="name" show-overflow-tooltip>
</el-table-column>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理