element-ui表格自适应

最新推荐文章于 2024-09-11 18:46:53 发布

原创最新推荐文章于 2024-09-11 18:46:53 发布 · 515 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #前端

本文探讨了Element UI表格组件的使用技巧，包括如何通过min-width设置最小宽度以实现更好的自适应效果，以及如何利用show-overflow-tooltip解决文字过长的问题。适合希望提升表格展示效果的前端开发者。

最近项目空档期，就来csdn看看element-ui表格组件的相关内容，结果热门第一是个列宽度自适应
不写width是可以自适应的，但是你要考虑到实际需求里面可能有人就是想要空白的占位格呢
而且为什么不先看看人家element的组件文档呢，min-width这种设置最小宽度的方式对自适应还是整体适配都是不错的选择
如果是存在文字过长的情况，可以用show-overflow-tooltip。
当然如果你是粗犷型或者你的甲方/公司也是粗犷型不在乎这些美观的事，不写width确实是最快的解决问题方法
[表格](https://element.eleme.cn/#/zh-CN/component/table)