iview table表格中实现td字数过多时用省略号替代

需求

表格中某一栏字数过多时，不需要自动换行显示，只显示前面一部分后面的用省略号替代

效果

代码

<table class="tb-void" style="table-layout: fixed">
  <thead>
    <tr>
      <th width="18%">商品清单</th>
    </tr>
  </thead>
  <tbodey>
    <tr>
      <td style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden></td>
    </tr>
  </tbodey>
</table>