Table

Display tabular data with sorting, pagination, and selection support.

tsx
import { 
    Table, 
    TableHead, 
    TableBody, 
    TableRow, 
    TableHeaderCell, 
    TableCell 
} from '@xdev-asia/x-ui-react';

Example

Name
Role
Status
John DoeDeveloperActive
Jane SmithDesignerActive
Bob WilsonManagerAway

Props

Table

  • variant - 'default' | 'striped' | 'bordered'
  • size - 'sm' | 'md' | 'lg'

Compound Components

  • TableHead - Table header container
  • TableBody - Table body container
  • TableRow - Table row
  • TableHeaderCell - Header cell with sorting support
  • TableCell - Data cell
  • TableEmpty - Empty state