element-ui的table的换行问题

Question

是在Vue2-cli + Element-UI上开发的

我的el-table，在绑定数据后，因为有的列内容很长，导致换行，不好看
(我没有设置宽度，只设了min-width)

怎么设置，不换行，宽度自由增长，有滚动条就可以

Answer 1

不是min-width，用show-overflow-tooltip，超出长度会显示省略号，并且加hover的tooltip效果以保证用户可以看到完整的内容

Answer 2

<el-table :data="datasource">
    <template v-for="item in arr">
        <el-table-column :prop="item.porp" :label="item.label" min-width="60" align="center">
        </el-table-column>
    </template>
</el-table>    

这样写的话，如果有宽度超过60的，就会有换行。难度min-width不是保底吗？ 赶脚是把min-width当成了width渲染了？ 小伙伴们，怎么破？

Answer 3

官方文档 http://element.eleme.io/#/zh-...

Answer 4

您好. 请问你现在这个问题解决了吗. 我也遇到了... 也是动态数据. 宽度也不能写死...

Answer 5

加上 show-overflow-tooltip 表格内容不换行了 但是表头还是换行 怎么破