[Feature Request] Table 增加重设列的尺寸 API

[CHENJKNB]

这个功能解决了什么问题？

希望Table组件做一个类似 fusion design 的重设列尺寸的API ， 使用 asyncResizable 和 onResizeChange 调整列宽。如果左右锁列的列宽需要调整

你期望的 API 是怎样的？

const onChange = function(...args) {
    console.log(...args);
  },
  dataSource = () => {
    const result = [];
    for (let i = 0; i < 5; i++) {
      result.push({
        title: {
          name: `Quotation for 1PCS Nano ${3 + i}.0 controller compatible`
        },
        id: 100306660940 + i,
        time: 2000 + i
      });
    }
    return result;
  },
  render = (value, index, record) => {
    return <a href={`#${index}`}>Remove({record.id})</a>;
  },
  rowSelection = {
    onChange: onChange,
    getProps: record => {
      return {
        disabled: record.id === 100306660942
      };
    }
  };

class App extends React.Component {
  constructor(...args) {
    super(...args);
    this.state = {
      widths: {
        time: 300,
        [`title.name`]: 300
      }
    };
    this.onResizeChange = (dataIndex, value) => {
      const { widths } = this.state;
      widths[dataIndex] = widths[dataIndex] + value;
      this.setState({
        widths
      });
    };
  }
  render() {
    const { widths } = this.state;
    const time = widths.time;
    const name = widths[`title.name`];

    return (
      <Table
        dataSource={dataSource()}
        rowSelection={rowSelection}
        onResizeChange={this.onResizeChange}
      >
        <Table.Column lock title="Id" dataIndex="id" width={100} />
        <Table.Column
          title="Title"
          dataIndex={"title.name"}
          asyncResizable
          width={name}
        />
        <Table.Column
          title="Time"
          dataIndex="time"
          asyncResizable
          width={time}
        />
        <Table.Column cell={render} width={200} />
      </Table>
    );
  }
}

ReactDOM.render(<App />, mountNode);

其他

[pkaq]

非常必要的功能

[darkfiredarkhalo]

期待ing

[vaynevayne]

这就没了?

[AsuraKev]

any update?

[HaiJunCai8]

这个有计划做吗？很期待有这个功能啊

[hardmanhong]

用 react-resizable 遇到比较严重的性能问题

[piyushk96]

Unable to use react-resizable with antd v5