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

35次阅读

共计 419 个字符,预计需要花费 2 分钟才能阅读完成。

明天发现 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>

正文完
 0