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

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

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

...全文
10388 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
m0_48474220 2021-09-14
  • 打赏
  • 举报
回复 1

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

@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个中文汉字。

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧