在某些時候咱們的表頭須要換行
複製代碼
相似於這樣的咱們須要如下的操做:
1.<el-table-column prop="name" :label="'A表 \n(製漿3櫃,風機1櫃)'" width="180px"></el-table-column>
注:label的雙引號中須要加上單引號,這樣才能解析,在須要換行的地方寫上\n
2.css樣式添加:
.el-table .cell {
white-space:pre-line;
複製代碼
}css
此時不是咱們想要的結果,那咱們根據項目需求去修改寬度便可width="px"
複製代碼