Caption for the table styled as a heading. This appears before the table header, and is announced when people who use assistive technology land on the table. If you don’t want the caption to appear on the page but do want it to be available for assistive technology, surround the caption with <VisuallyHidden>.

You should not be accessing this prop under any circumstances. It is provided by @atlaskit/analytics-next and integrated in the component

When the table is initially rendered, use this to set which page number is shown by default. In most circumstances, people will expect this to be page 1.

Sets which column the rows should be sorted by when the table is initially rendered. Corresponds to the key's defined in the head prop.

Default column sort order used when initially rendering. Defaults to "ASC".

Shown when the table has no content.

Cells to be placed in the head of the table. Never put controls, like links and buttons in the table header. Each element in the head creates a new column.

Use this to set if the row will be highlighted. Never use highlighted rows to indicate that a person has selected or focused on the row.

Use this to force columns to use their initial width regardless of the size of the content that loads in.

Displays a loading spinner overlaid on top of the current page.

Use this to enable drag and drop sorting of table rows.

Disables being able to drop rows on the table. We recommend using isRankable instead of this prop, and it will be deprecated in a future release.

If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies. Avoid using both at the same time as they may conflict. Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira work items table".

Use this to set a label for assistive technology that describes the loading state. The default label is "Loading table". You can customize this to be more specific to your table, for example “Loading work items table”.

Configuration of the loading spinner shown when isLoading is true. Defaults to "large" when a page has more than two rows, else "small".

A callback that happens when the rows displayed on a page have changed.

A callback that happens when a drop of a row has completed.

A callback that happens when a drag of a row has started.

A callback that happens when the table page has changed.

A callback that happens when a column heading has been sorted. Use this to provide custom sorting.

Page the table should show.

Labels for the previous and next buttons used in pagination. Defaults to "Previous" and "Next".

Rows to be placed in the table. Each row contains cells which should map to the ones defined in the head. Rows accept standard HTML <tr> props in addition to those listed below. Ensure each cell has a unique key per column - this is used for both React's reconciliation of lists and column sorting.

Use this to control how many rows should be displayed per page. If the number of rows exceed one page, this will enable pagination.

Column key that the rows should be sorted by. Corresponds to the key's defined in the head prop.

Column sort order.

A testId prop is provided for specified elements, which is a unique string that appears as a data attribute data-testid in the rendered code, serving as a hook for automated tests. The value of testId is used to prefix testId props in given elements.

• {testId}--table - Table.
• {testId}--head - Table header.
• {testId}--head--{content of the cell} - Table header cell can be identified by their content.
• {testId}--row--{index - content of the first cell} - Table row.
• {testId}--body - Table body.
• {testId}--body--{content of the cell} - Table body cell can be identified by their content.
• {testId}--loadingSpinner - The spinner overlaid when loading.
• {testId}--pagination - The table pagination.