Data Table with Actions

A composed data table with search toolbar, sortable columns, row selection, action buttons, badges, and pagination.

	Name	Email	Role	Status	Actions
	Alice Martin	alice@example.com	Admin	Active
	Ben Torres	ben@example.com	Editor	Active
	Clara Hughes	clara@example.com	Viewer	Pending
	David Kim	david@example.com	Editor	Inactive
	Eva Lindgren	eva@example.com	Admin	Active

1 of 5 selected

Components used

• Table, Checkbox, Badge
• Input (search), Button
• Pagination

Key implementation details

• Toolbar with search input + action buttons above the table
• Column headers with sort indicator icons
• Row selection via checkboxes with "selected" counter in footer
• Status column uses Badge variants (success, warning, error)
• Pagination in the footer with prev/next arrows and page numbers
• Table scrolls horizontally on small screens