ant Vue 表格列多数据溢出省略显示

1.实现下图缩式

代码实现过程;

 <div  class="overflowStyle" slot="committeeMember" slot-scope="text, record">
           <a-tooltip :title="record.committeeMember" placement="topLeft">
                {{record.committeeMember}}
            </a-tooltip>
        </div>

　　

 columns: [
          {
            title:'党委委员',
            align:"center",
            dataIndex: 'committeeMember',
            key: 'committeeMember',
            // "10%",
            scopedSlots: { customRender: 'committeeMember' }
          }]

　　

/*统一table表格的尺寸*/
.ant-table{
  table-layout: fixed;
}
.ant-table-tbody > tr > td {
  max- 200px;
  min- 70px;
  height: 70px;
  border-bottom: 0;
  /*text-align: center !important;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
}
 .overflowStyle{
    max- 85px !important;
    max-height: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}