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

問題描述

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

效果圖

三種方式的程式碼

看註釋就行啦。

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

```js

```

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

總結

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

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

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

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