ant design 列表字段内容缩略，鼠标放上去显示全部

只需要在列中定义即可

import { Tooltip } from 'antd';
columns = [
    {
        title: '识别结果',
        dataIndex: 'ocrTxt',
        ellipsis: true,
        render: value =>
          <Tooltip title={value}>
            <div className="ellipsis" style={{ float: 'left', maxWidth: '100%' }}>
              {value && value.substring(0, 10)}
            </div>
          </Tooltip>
    },
]

效果图：