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
DocsData Display

Data Display

Components for displaying structured data.

PreviousDock
NextModal / Dialog
On This Page
Quick ActionsProject StudioNewNexore Make (AI)Source on GitHub

Data Display & Tables

Feature-packed data tables with sorting, filtering, editing, compound architecture, and structured record representations.

Interactive Playground

Live CanvasInteractive

Active Users

+12,450

from last month

Controls(3)
title
text

The header title of the stat card

value
text

The main numeric/text value of the metric

description
text

Subtext descriptive label for contextualizing the value

Generated JSX
Source
import { StatCard } from "nexoreui"

<StatCard />

Showcase & Examples

Data Table Pro (Interactive Search & Edit)

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

Data Table Pro (Compound Structure)

OrganizationStatusPlan TierSLA Uptime
Vercel CloudActiveEnterprise99.99%
Linear SystemsActiveGrowth99.95%
component.tsx
1

Data Table Pro (Props & Columns API)

ProjectBranchCommit
NexoreUI Coremain7f4c91a
Docs Websitedev3a88b12
Figma Tokensrelease90da761
Showing 3 of 3 entries
1 / 1
component.tsx
1

Invoice Table

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

DataTablePro Props Reference

API Reference (Props)

PropTypeDefaultDescription
dataT[]—Array of raw row records when using the data-driven table API.
columnsDataTableProColumn<T>[]—Column configuration array defining header names, accessor keys, and custom cell renderers.
searchPlaceholderstring"Search by name..."Placeholder text for the search filter input.
itemsPerPagenumber3Number of rows per paginated page.
showSearchbooleantrueControls display of the search input toolbar above the table.
showExportbooleantrueControls display of the data export action button.
childrenReact.ReactNode—Compound table components (<DataTablePro.Header>, <DataTablePro.Row>, <DataTablePro.Head>, <DataTablePro.Cell>).
Page 1 of 3