antdsign 中使用table定义columns的宽度不生效的解决方式

  {
      title: '活动链接',
      dataIndex: 'url',
      width: 300,
      render: (_, arr) => {
        return _ ? (
          <>
            <a href={_} target="_blank" id={'copy' + arr.id} >
              {_}
            </a>
          </>
        ) : (
          '_'
        );
      },
    },

如上面代码：当<a>中是一个长链接时，columns定义的width不生效了。

解决方式如下：

  {
      title: '活动链接',
      dataIndex: 'url',
      width: 300,
      render: (_, arr) => {
        return _ ? (
          <>
            <a href={_} target="_blank" id={'copy' + arr.id} style={{ wordWrap: 'break-word', wordBreak: 'break-word' }}>
              {_}
            </a>
          </>
        ) : (
          '_'
        );
      },
    },