vue中使用element-ui時表頭須要換行的問題

在某些時候咱們的表頭須要換行
複製代碼

相似於這樣的咱們須要如下的操做:
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"
複製代碼
相關文章
相關標籤/搜索