Search code examples
antd

Antd table is not updating on dataSource updates/changes

<Table
     columns={columnsStructure}
     dataSource={source}
     pagination={pagination}
     onChange={handleChange}
/>

the source is an array of objects. On component mount Table is rendering properly but once datSource i.e. source is updated, table rows remain the same.

How to resolve this issue. Wanted to update ant design table on source update.

Solution

  • To resolve this Ant-Design table data auto-update issue, you have to pass the data-source value as a clone of the observable value. like

    <Table
     columns={columnsStructure}
     dataSource={[...source]}
     pagination={pagination}
     onChange={handleChange}
/>