Component size, gzipped: 184kb

Data-Table

Displays tabular data for analysis. The component accepts strict column definitions to consistently render the following data types: categorical (enum), number, boolean, string, and arbitrary content. To facilitate a rich set of analysis features out-of-the-box, DataTable does not allow for overrides. If your application relies on rendering a custom table element, you may want to look into Base Web's other table options: Table (uses css-flex) or TableGrid (uses css-grid) depending on your use-case.

Examples

Basic usage

Search

Batch Actions

Search

Custom Line Height

Search

Customized Empty State

Search
Search

API

Data-Table exports

You can import this module like so:

import {DataTable} from 'baseui/data-table'

It exports the following components or utility functions: