Ant Design庫Table組件超長字符串不換行解決

問題：

columns中已經定義了寬度，可以沒有作用

    {
      title: <div className={styles.tableTeCenter}>作廢編號</div>,
      dataIndex: 'legalFileCode',
      width: 280,
      render: val => <div className={styles.tableCenter}>{val || '--'}</div>,
      className: styles.tableCenter,
    },

 

解決：

加折斷樣式處理

    {
      title: <div className={styles.tableTeCenter}>作廢編號</div>,
      dataIndex: 'legalFileCode',
      width: 280,
      render: val => <div className={styles.tableCenter} style={{ wordWrap: 'break-word', wordBreak: 'break-word' }}>{val || '--'}</div>,
      className: styles.tableCenter,
    },

完美解決：