web table表头换行和内容换行

table表头换行

<el-table-column prop="Status" align="center">
  <template slot="header">
    <div>工具箱<br/>零件名称</div>
  </template>
</el-table-column>

refer：https://zhuanlan.zhihu.com/p/431976392

table内容换行

<el-table :data="tableData" class="elTable">
  <el-table-column prop="r" label="序号"></el-table-column>
</el-table>

<style>
.elTable .cell {
  white-space: pre-line;
}
</style>

refer：

https://www.cnblogs.com/yangai/p/9808704.html

https://segmentfault.com/q/1010000017416952