element-ui表格组件设置单元格不换行显示

在一个项目中运用到了element-ui的表格组件，但是遇到一个问题就是，当一个单元格内的数据特别多的时候，但是单元格宽度又不够放下全部的内容。于是就会发生在单元格内部换行，这就会让这个页面的布局变得不可控，经过一番搜索找到了一个算是解决问题的方法。

• 给el-table 设置属性 cell-class-name，自定义 className

代码如下：

<!-- 表格部分 -->
<el-table :data="tableData" :header-cell-style="headClass" cell-class-name="table_cell" :cell-style="rowClass" border style="width: 100%"></el-table>

<!-- css部分 ::v-deep 表示将样式穿透到element-ui里面，记得给<style>标签里面加上scoped，不然这个样式就变成全局样式了。 -->
::v-deep .table_cell .cell{
    white-space: nowrap;
}