ant design的table组件如何截取某个td内容长度，鼠标放上去显示全部内容

Question

如题，现在能获取到数据dataSource，但是不知道如何设置td的title和截取操作，之前用vue可以用v-for循环，然后可以用下面方式实现

<td :title="item.operDesc">{{item.operDesc.length > 20 ? item.operDesc.slice(0, 20) + "..." : item.operDesc}}</td>

现在用ant design应该如何写？

Answer 1

Table组件 => columns => render

render: text => <span title={text}>{text}</span>

Answer 2

ant design也有vue版本，你用的是react版本？如果用angular版本ng-zorro，可以用*ngFor循环，用[]绑定数据，和vue差不多。