JollyUI
  1. Docs
  2. components
  3. Table

Table

A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys, and optionally supports row selection and sorting.

🚧 This component is in beta so documentation and examples are limited. Please refer to the React Aria Table docs for more usage examples.

GamesFile folder6/7/2020
Program FilesFile folder4/7/2021
bootmgrSystem file11/20/2010
log.txtText Document1/18/2016

Installation

npx shadcn@latest add https://jollyui.dev/default/table

Composed Components

A Table uses the following components, which may also be used standalone or reused in other components.

Checkbox

A checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.

Basic

GamesFile folder6/7/2020
Program FilesFile folder4/7/2021
bootmgrSystem file11/20/2010
log.txtText Document1/18/2016

Sortable

No results found.

Resizable

A table must be wrapped with <ResizableTableContainer> to enable resizing. The each column can become resiazble by adding the isResizable prop.

GamesFile folder6/7/2020
Program FilesFile folder4/7/2021
bootmgrSystem file11/20/2010
log.txtText Document1/18/2016