关于vue+element-ui写表格，要求列宽度自适应

[@Grapefruit]

关于vue+element-ui写表格，要求列宽度自适应，不换行那种的，求大神指教，现在已经想了一天了，暂时还没有好办法，主要是我的数据还是动态的，可编辑的表格，编辑过后要立刻适应数据的宽度。

求大神帮助，感激不尽啊。

[cn00439805]

不换行怎么适应，举个例子：分辨率1920，你怎么不换行能显示10000个中文汉字。

[@Grapefruit]

引用 1 楼 cn00439805 的回复:

不换行怎么适应，举个例子：分辨率1920，你怎么不换行能显示10000个中文汉字。

嗯，就是超出100%，就出现滚动条的那种

[June.1]

那就自己超长允许横向滚动,或者element 具备超长缩略提示功能

[简_洋]

你试试改一下css的样式，td单元格内的文字设置不换行，然后每一个单元格都不给固定的宽度，

[@Grapefruit]

引用 3 楼 June.1 的回复:

那就自己超长允许横向滚动,或者element 具备超长缩略提示功能

允许横向滚动是可以的，但是表格数据是动态的，不知道每一列的宽度，所以不能写死宽度，所以才想找一个能自适应宽度的表格ui

[@Grapefruit]

[quote=引用 4 楼 Chappell_ycp 的回复:] 你试试改一下css的样式，td单元格内的文字设置不换行，然后每一个单元格都不给固定的宽度，[/quo我试了，给element-ui的td写文字不换行的样式是不生效的，因为不写宽度就会默认均分，还是有宽度

[@Grapefruit]

@sugerLucky 就是不能用省略号显示啊，要全部展示出来的，不换行

[sugerLucky]

使用table组件的min-width,如果文字太长就用省略号的的属性，不知道这样可不可以

[m0_48474220]

@@Grapefruit 谢谢大佬

[@Grapefruit]

@m0_48474220 嗯，写出来了，我写了篇博客你去看下吧https://blog.csdn.net/qq_43052274/article/details/105965333

[m0_48474220]

你现在写出来了嘛 求赐教 我们现在也要求写这个