NexoreUI
2.0
InstallationComponentsIconsTemplatesNewNexore MakePricing
Create Project
GitHub
NexoreUI
2.0
Navigation
InstallationComponentsIconsTemplatesNexore MakeCreate Project
InstallationComponents OverviewIcons
Categories (65)
ButtonInputCheckboxSelectSwitchSliderRatingFile Upload
CardAccordionTabsTableStepperScroll AreaNavigationDockData DisplayChartsCommerce
Modal (Dialog)AlertBadgeAvatarTooltipProgressSkeletonLoadersToasterSocial
Aurora Border CardAurora Search PillAI Prompt InputCommandInteractive Code BlockPro AI
Media ShowcaseOverlays & DrawersPro ButtonsPro DashboardsPro E-CommercePro FeedbackPro FormsPro InputsPro LayoutsPro ListsPro MarketingPro NavigationPro TablesSpecial FormsUltra Components
OverviewPro CardsPro ObjectsSoundPulseSilkUnveilNode Flow Graph
NexoreUI v2.0Studio
DocsPro Tables

Pro Tables

Feature-complete data tables: multi-column sorting, row selection, and transaction histories.

On This Page
Quick ActionsProject StudioNewNexore Make (AI)Source on GitHub
Data Grids

Pro Tables

Feature-complete administrative data tables: multi-column sorting, row selection checkboxes, invoice status badges, and transaction histories.

npx nexoreui add pro-tables

Interactive Data Table Pro

Full-featured data grid with search filter, pagination controls, and row action triggers.

Name RoleStatusActions
Alice FreemanAdminActive
Bob SmithEditorInactive
Charlie DavisViewerActive
Showing 3 of 6 entries
1 / 2
component.tsx
1

Invoice & Billing Table

Financial billing table displaying invoice identifiers, due dates, currency totals, and payment status badges.

Invoice IDDateAmountDownload
INV-001Oct 24, 2025$150.00
INV-002Oct 24, 2025$300.00
component.tsx
1

Transaction History Table

Ledger view displaying debit/credit entries, execution dates, and categorical tags.

Recent Transactions

Subscription Auto-renew

Today, 10:23 AM

-$45.00

Payment Received

Today, 10:23 AM

+$90.00

Subscription Auto-renew

Today, 10:23 AM

-$135.00
component.tsx
1

User Management Directory

Administrative team table with user avatars, permission roles, and active status indicators.

John Doe 1

Software Engineer

John Doe 2

Software Engineer

John Doe 3

Software Engineer

component.tsx
1

Accessibility (a11y)

  • Table Accessibility: Uses semantic <table>, <thead>, <tbody>, <th> with scope='col' attributes.
  • Keyboard Selection: Row selection checkboxes can be toggled using Space and navigated with Tab.