el-table表頭文字換行的三種方式

語言: CN / TW / HK

問題描述

表格中的表頭一般都是不換行的,不過有時候在某些業務場景中,需要讓表頭的文字換行展示一下,我們先看一下效果圖

效果圖

222.png

三種方式的程式碼

看註釋就行啦。

演示的話,直接複製貼上執行就行啦

```js

```

關於white-space不贅述,詳情查詢官方文件 https://developer.mozilla.org/zh-CN/docs/Web/CSS/white-space

總結

三種方式各有特色,但是render-header會略為耗費一點點效能。

若為固定表頭資料,則優先推薦使用表頭插槽方式,其次推薦換行符加css方式。

若為動態資料,則只能使用表頭renderheader函數了

若有更好的方式,歡迎交流 ^_^