Skip to main contentCarbon Design System

Data table

Preview the data table component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Live demo

DataTable
Modifiers
Table
Modifiers
size

Sample data

const headerData = [
{
header: 'Name',
key: 'name',
},
{
header: 'Protocol',
key: 'protocol',
},