Skip to main content

Table

Tables display information in a friendly way, allowing users to scan for details quickly. The Table component is a compound of the following:

  • Table - renders a <table> tag.
  • TableBody - renders a <tbody> tag.
  • TableHead - renders a <thead> tag.
  • TableRow - renders a <tr> tag.
  • TableFooter - renders a <tfoot> tag.
  • TableCell - renders a <th> or <td> tag depending on the value of the variant prop.

Import

import { Table } from '@faststore/ui'

Usage

Loading...

Props

All table-related components support all attributes also supported by their respective HTML tags. Besides those attributes, the following props are also supported:

Table

TableBody

TableRow

TableFooter

TableCell

Customization

data-store-table

data-table-head

data-store-table-row

data-table-footer

data-table-body

data-table-cell='head'

data-table-cell='data'

Didn't find your answers? Ask the Community. For documentation suggestions, submit your feedback.

JOIN THE COMMUNITY