Antd的Table的一列太长超出用省略号表示,鼠标放着显示全部的方法

直接在 column 里面操作

    {
      title: '姓名',
      dataIndex: 'name',
      valueType: 'text',
      width: 160,
      onCell: () => {
        return {
          style: {
            maxWidth: 160,
            overflow: 'hidden',
            whiteSpace: 'nowrap',
            textOverflow: 'ellipsis',
            cursor: 'pointer'
          }
        };
      },
      render: (_, item) => (
        <Tooltip placement='topLeft' title={item?.name || '-'}>
          {item?.name|| '-'}
        </Tooltip>
      )
    },

版权声明:本文为yiguoxiaohai原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。