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

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

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

...全文

JavaScript 87,984 成员 224,681 内容

切换为时间正序

m0_48474220 2021-09-14

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

@Grapefruit 2021-09-14

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

m0_48474220 2022-03-29

@@Grapefruit 谢谢大佬

sugerLucky 2021-07-19

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

@Grapefruit 2021-07-20

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

@Grapefruit 2020-06-29

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

@Grapefruit 2020-06-29

引用 3 楼 June.1 的回复:

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

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

简_洋 2020-06-29

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

June.1 2020-06-29

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

@Grapefruit 2020-06-10

引用 1 楼 cn00439805 的回复:

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

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

cn00439805 2020-06-10

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