styling

Title

You can optionally provide a title for the table using the title prop.

<DataTable title='Cats' />

Title with Icon

You can also supplement the title with an icon using the titleIcon prop.

<DataTable title='Cats' titleIcon={faCat} />

Border

You can enable a border around the table by using the border prop.

<DataTable border />

Bifrost Table Styles

Some different styling choices have been made compared to the default Bifrost Table styles to better fit the needs of a complex data grid. If you want to use the default Bifrost Table styles, you can re-enable some of them by setting bifrostTableProps, which is passed to the underlying Bifrost Table component.

This isn't a highly supported configuration, we generally recommend using the default styles. If the default styling does not fit your needs, we recommend submitting a feature request.

<DataTable bifrostTableProps={{ noBorder: false, noShadow: false }} />