[Feature Request] Table width adaptation

[13662150517]

Existing Component

是

Component Name

Table

Description

表格单元格内容太长，可以不换行，宽度自适应内容

[element-bot]

Translation of this issue:

Existing Component
yes

Component Name
Table

Description
Tabular cell content is too long, it can not line wrap, width adaptive content.

[ziyoung]

我听得是一头雾水。用个例子展示你的问题吧。

[13662150517]

表格一个单元格内容太长，如果内容不想换行，目前会显示 '...' 来表示超出部分，然后鼠标放到单元格上才显示全部内容，例如https://jsfiddle.net/13662150517/bsokxp47/9/ 链接里的地址那一列，我的意思是不显示 '...' 不换行，该列宽度根据内容加宽，当然也需要设置最小的宽度，内容超出最小宽度该列根据内容进行加宽

[ziyoung]

你的意思是：如果某一列的内容比较多，我需要把这一列宽度（这里的宽度可能是已经设置过的，也可能是剩余的宽度）自动增加？

[13662150517]

是的

[shuaninfo]

+1

[tomieric]

try like this https://kuaizi-co.github.io/kz-table/

[qiushuaichang]

+1 ，I also want to get the style like bootstrap table, which Adaptive without width。
我也想得到像bootstrap 表格一样的样式，就是不给列宽的情况下，表格自适应。
如果某一列的内容比较多，我需要把这一列宽度自动增加，或者内容少的那列宽度本来很宽，可以自动减小？

[lela520]

+1待解决

[JiYJCoder]

原生table自带的功能，写成组件倒是没有了。建议不要使用colgroup来控制每一列了

[xiaodingmao]

啥时候可以单元格宽度自适应内容呀

[ziyoung]

可以先阅读一下这篇文章：https://zhuanlan.zhihu.com/p/33280304

---

这个功能大家呼声还是很强的。应该提供这种功能。当然涉及到的改动应该会很多。😂

[longlonggi]

在移动端表格横向布局的时候，超出内容显示成toptip，方向和位置都不对，请问有什么好的方法解决吗，或者可以让列宽根据内容宽度自适应

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.