Skip to content

index.mdx

Latest commit

 

History

History
164 lines (131 loc) · 3.05 KB

index.mdx

File metadata and controls

164 lines (131 loc) · 3.05 KB
name Table
title Table
published true
component table
description A table is used to organize and display structured data in rows and columns.

import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@sistent/sistent"

Tables are used to present structured data in a clear and organized way. They help users scan information quickly, compare values, and understand relationships between data.

Overview

Tables help organize data into rows and columns, making it easier to read and analyze information.

Usage

Tables should be used when:

  • Displaying structured data
  • Comparing values
  • Showing logs or metrics
  • Listing users or resources

Examples

Basic Table

Basic tables are used to display structured data in rows and columns.

Name Role Status User 1 Contributor Active

Striped Table

Striped tables improve readability by alternating row colors.

Name Role User 1 Contributor

States

Sortable Table

Tables can support sorting to help users organize data.

Name Role User 1 Contributor

Selectable Rows

Tables can allow row selection.

Name Role User 1 Contributor

Paginated Table

Tables can support pagination for large datasets.

Name Role User 1 Contributor

Best Practices

  • Use headers for clarity
  • Avoid too many columns
  • Keep rows readable
  • Use pagination for large datasets
  • Maintain consistent spacing