解決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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM