如何在列是动态的蚂蚁设计表中添加动态水平滚动(不确定列数)

时间:2019-05-17 12:29:07

标签: reactjs antd

我能够动态添加列,尝试根据列数修复滚动,但列标题长度也可能会增加 导致标题中的文本移至下一行。

  <Table
    className="manageUserList"
    pagination={false}
    rowKey={record => {return record.key;}}
    scroll={
    columns.length < 4
    ? { x: 0 }
    : columns.length < 6
    ? { x: 1000 }
    : columns.length > 6 && columns.length <= 12
    ? { x: 1400 }
    : { x: 2000 }
    }
    rowSelection={rowSelection}
    columns={columns}
    dataSource={this.state.data}
    />

有些列的宽度更大,有些列的宽度太小,以至于文本无法转到下一行。无论列数和列宽如何,所有列都需要将文本分布在一行中。的     滚动应平均展开列

0 个答案:

没有答案