ant design table column动态表头列宽自适应,解决文字过长往下掉问题

某些场景下,我们的表头都是接口返回的,长度不定
也挺有意思的,几行就能解决自适应问题

需要在样式中添加如下:
  :global{
    .ant-table-container .ant-table-cell{
      white-space: nowrap;
    }
  }
  .tsx文件中添加一行
            <Table
            dataSource={dataSource}
            columns={columns}
            scroll={{ x: true }}//~~~~~~~~~~~~~~~~~~
            pagination={false}
          />

你可能感兴趣的:(react)