Table

Data table container. Wraps the Polaris <s-table> web component.

Usage

<template>
  <ShTable variant="list" loading paginate :has-next-page="true">
    <ShTableHeader>
      <ShTableHeaderRow>
        <ShTableCell>Name</ShTableCell>
        <ShTableCell>Status</ShTableCell>
      </ShTableHeaderRow>
    </ShTableHeader>
    <ShTableBody>
      <ShTableRow>
        <ShTableCell>Product A</ShTableCell>
        <ShTableCell>Active</ShTableCell>
      </ShTableRow>
    </ShTableBody>
  </ShTable>
</template>

Props

Prop	Type	Default	Description
`variant`	`'auto' \| 'list'`	—	Table display variant
`loading`	`boolean`	—	Shows loading state
`paginate`	`boolean`	—	Enables pagination
`hasPreviousPage`	`boolean`	—	Previous page available
`hasNextPage`	`boolean`	—	Next page available

Slots

Slot	Description
`default`	Table header, body, and other content

Polaris Element

Renders as <s-table>. See Polaris Table docs.

Edit this pageorReport an issue

Popover

Popover overlay. Wraps the Polaris <s-popover> web component.

TableHeader

Table header section. Wraps the Polaris <s-table-header> web component.