首页 > 解决方案 > 如何设置 Element-UI 表的列大小而不会中断到下一行?

问题描述

如何设置 Element-UI 表的列大小而不会中断到下一行?

请检查https://codepen.io/rameezcubet/pen/QWLoMbraddress中的列

我有min-width="100",所以内容大于 100px 的地方应该展开,但它会转到下一行。

文档:https ://element.eleme.io/#/en-US/component/table

标签: vue.jselement-ui

解决方案


不幸的是,这对于 element-ui 是不可能的。即使使用 css as element-ui 也不会生成 2 个单独的表,1 个用于标题,1 个用于正文。

因此,如果您不想扩大最小宽度,您可以使用该show-overflow-tooltip属性,或者您必须使用纯 html 创建自己的表格。


推荐阅读