The contents of the table. Use this when composing Cell, Header, Headers, Row, and Rows components. For basic usage, it's simpler to specify table contents with the items prop instead.

Each column component is used to render the cells in that column. A cell's content value, specified in the data passed to items, is provided as props.

The widths of the columns in the table.

The header text of the columns of the table.

The data used to render the table. If you're creating a basic table, use this prop instead of composing cell, header, headers, row, and rows components.

In addition to the `items` props, any other data can be added, and it will
be provided as props when rendering each cell.

This is an aria-label attribute. Use the label to describe the table for assistive technologies. Usage of either this, or the labelId attribute is strongly recommended.

The value used to extend the expand or collapse button label in cases where row has child rows. It should be a string when we pass data via the items property, the value should be one of the columns names. It should be a number when we pass data via the rows component as children in the table tree.

This is an aria-labelledby attribute. Pass an ID for the element which should define an accessible name for the table. Usage of either this, or the label attribute is strongly recommended.

Use this to set whether a row with children should expand when clicked anywhere within the row. If false or unset, a row with children will only expand when the chevron is clicked.

If your cells contain interactive elements, always set this to `false` to avoid unexpected expanding or collapsing.

If you aren't using the `items` prop, `shouldExpandOnClick` should be used on the row component instead.

The contents of the header.

Width of the header item. Takes a string, or a number representing the width in pixels.

The data used to render the set of rows. Will be passed down via the children render prop.

In addition to these props, any other data can be added to the object, and it will be provided as props when rendering each cell.

This is an accessible name for the loading state's spinner. The default text is "Loading".

Render function for child rows. Render props will contain an item from the items prop above.

Children contained in the row. Should be one or more cell components.

This is the accessible name for the collapse chevron button, used to tell assistive technology what the button is for.

Data to render. Passed down by item and passed into onExpand and onCollapse callbacks. This is normally set by the parent item component, and doesn't need to be configured.

The depth used for rendering an indent. This is normally set by parent item component, and doesn't need to be configured.

This is the accessible name for the expand chevron button, used to tell assistive technology what the button is for.

Whether the row has children.

Sets the default expanded state of the row.

Controls the expanded state of the row.

ID for the row item.

The data used to render the row and descendants. Pass down from children render prop.

In addition to these props, any other data can be added to the object, and it will
be provided as props when rendering each cell.

Adds detail to the expand and collapse row button's aria label by appending the value from the given column. If you don't set this prop, the aria label will read out "Expand itemId row".

Should be a string when we pass data via `items` property in the table tree. The value should be one of the property `columns` names in the table tree.

Should be a number  when we pass data via the `Rows` component as children in the table tree.

Callback called when the row collapses.

Callback called when the row expands.

Children to render under the row. This is normally set by the parent item component, and doesn't need to be configured.

Use this to set whether a row with children should expand when clicked anywhere within the row. If false or unset, a row with children will only expand when the chevron is clicked.

If your cells contain interactive elements, always set this to `false` to avoid unexpected expanding or collapsing.

Children content, used when composing a table tree from internal components

Class name to apply to the cell.

Sets the indent level for the cell. Each indent level adds 25px to the left padding.

Sets whether the cell contents should wrap or display on a single line and be truncated. For accessibility reasons, wrapping the content is strongly recommended.

The width of the header item. Takes a string, or a number representing the width in pixels.