iT邦幫忙

0

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组件让过长的文字显示在一行就与头部不对齐了?


尚未有邦友留言

立即登入留言