Element UI-[Table] 栏位文字太长解决方式

遇到问题


上班时会遇到一些小问题,也透过这样一点一滴的把自己学的分享给大家,如果有误欢迎大家指正

Table 栏位里面文字过长问题

栏位里面文字过长

解决方法一

一般如果没有使用 element ui 的话可以使用以下程式码

span {  display : inline-block;  overflow : hidden;  text-overflow : ellipsis;  white-space : nowrap;  width : 240px;}

解决方法二

如果是使用 element ui 可使用以下程式码;以下程式码可以把文字的内容超过的部分都隐藏,hover的时候会以tooltip呈现出来完整文章

<el-table-column show-overflow-tooltip></el-table-column>

参考资料

用 CSS 让过长溢出的字省略变 ...
使用elementUI的table组件让过长的文字显示在一行就与头部不对齐了?
回上一页
回下一页


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章