Skip to main content

Migration Instructions

9.0.0

An API breaking change for version 9.0.0 is that the flag enableSelectionColumn has been removed. It was used to display a checkbox column in the table to allow the user to select specific rows. This behaviour is now driven by the getBulkActions prop. Now the table will render the checkboxes automatically when provided with a getBulkActions prop. This follows more closely the logic of the action menu, which is automatically rendered when getActionMenuItems are provided.

The place where you would pass getBulkActions has also changed. It used to be the Toolbar, but has now moved to the TableProvider. The Toolbar will now get the bulk actions from the table context.

In previous versions this is how a table would be created:

<TableProvider
{...getUrlStateProps()}
{...getTableQueryProps()}
id='some-table'
columns={columns}
enableSelectionColumn={true}
>
<Toolbar getBulkActions={getBulkActions} />
<Table />
</TableProvider>

After version 9.0.0:

<TableProvider
{...getUrlStateProps()}
{...getTableQueryProps()}
id='some-table'
columns={columns}
getBulkActions={getBulkActions}
>
<Toolbar />
<Table />
</TableProvider>