解决Element中table文字过多换行问题-亲测有效

1.直接上代码

复制代码
<el-table :data="data" border stripe style="width: 100%;"  class="tableLimit"  :height="height">
      <el-table-column label="排序" type="index" align="center"/>
</el-table>


<style>

.tableLimit tr td .cell{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;      /*可以显示的行数,超出部分用...表示 */
  -webkit-box-orient: vertical;

}


</style>
复制代码

 

posted @   一说烟雨  阅读(2612)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
· 语音处理 开源项目 EchoSharp
点击右上角即可分享
微信分享提示