NexoreUIv1.8.6
InstallationComponents61IconsTemplatesNEWNexore MakeAI
Create ProjectSTUDIOGitHub
NexoreUI
61 comps
Create Project
Studio
Installation
Components Overview
60+
Icons
300+
Categories6 groups
Button
Input
Checkbox
AI
Select
AI
Switch
Slider
Rating
File Upload
Card
Accordion
Tabs
Table
Stepper
Scroll Area
Navigation
Dock
Data Display
Aurora Border Card
AI
Aurora Search Pill
AI
AI Prompt Input
AI
Command
Interactive Code Block
AI
Pro AI
AI
Theme: cyan
Studio
DocsData Display

Data Display

Components for displaying structured data.

NextModal / Dialog
On This Page
Quick Actions
Project Studio
New
Nexore 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