antd ellipsis

根据antd的文档设置ellipsis后表格宽度被固定不能自适应，

这个是官方文档

 {
    title: 'Address',
    dataIndex: 'address',
    key: 'address 1',
    ellipsis: {
      showTitle: false,
    },
    render: address => (
      <Tooltip placement="topLeft" title={address}>
        {address}
      </Tooltip>
    ),
  },

解决办法

 {
    title: 'Address',
    dataIndex: 'address',
    key: 'address 1',
    onCell: ()=>{
        return {
          style:{
            maxWidth: 100,
            overflow: 'hidden',
            whiteSpace: 'nowrap',
            textOverflow: 'ellipsis',
            cursor: 'pointer'
          }
        }
      },
    render: address => (
      <Tooltip placement="topLeft" title={address}>
        {address}
      </Tooltip>
    ),
  },

今天的文章antd ellipsis分享到此就结束了，感谢您的阅读。