react的ant-design 表格组件，如果内容过长如何隐藏做错，鼠标指向显示全部

Question

用text-overflow 要给个都给固定的宽度，有没有其他办法可以做隐藏

Answer 1

在columns定义的时候实现render方法。

const columns = [
{
    title: 'name',
    dataIndex: 'name',
    render: text => <div title={text}>{text}</div>
}
];

其中：title={text}就是鼠标指向显示的内容。