antd table render实现省略好

352 阅读1分钟
const columns = [
  {
    title: 'title',
    dataIndex: 'title',
    key: 'title',
    width:'100px',
    onCell: () => {
      return {
        style: {
          overflow: 'hidden',
          whiteSpace: 'wrap',
          textOverflow:'ellipsis',
        } 
      }
    },
    render:text=><p className='test'>{text}</p>
  }
]
.test{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}