elementUI table 表格头换行

530 阅读1分钟

1. 修改 :label内容

  1. label 要加:动态执行
  2. 内容要双引号套单引号
  3. 内容里需要加入\n 表示换行
     <el-table-column 
            prop="xxxx"
            :label="'aaa\nbbb'"
            >
     </el-table-column>

2. 覆盖element的自带样式

.el-table{
    tr{  
        th >.cell{ white-space:pre-line !important}
    }
}