解决Element中table文字过多换行问题

给 table添加一个class

<template>
  <el-col :span="24" class="colHeight2">
    <el-table :data="tableData" border class="tableLimit">
   
    </el-table>
  </el-col>
</template>

添加css样式如下：

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

}

记住，一定是td下的cell,直接在td上添加，会影响td的样式 。