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 Doe	Developer	Active
Jane Smith	Designer	Active
Bob Wilson	Manager	Away

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