elementUI el-table 表格头数据换行

/*实现表格头数据换行*/
.el-table .cell {
    /*text-align: center;*/
    white-space: pre-line;/*保留换行符*/
}

  写法:   

                              <el-table-column v-for="(item,index) in tableColums" :key="index"
                                                                     :prop="item.prop"
                                                                     :label="item.label"
                                                                     :width="item.width"
                                                                     align="center"
                                                                     show-overflow-tooltip>
                                                    </el-table-column>
  
                               
                               
                               

  

<el-table-column prop="name" :label="'数据\n单位'" align="center" show-overflow-tooltip></el-table-column>//
第一种写法

  

tableColums:[{prop:'name',label:'数据\n单位'}]//
第二种写法

  

posted @ 2019-07-31 15:20  董七  阅读(6522)  评论(0编辑  收藏  举报