beUI Pro pour mobile est disponible : 50 blocs et écrans React Native
Data Tables
Four high-performance data table blocks with virtualized rows, fast sorting and filtering, and polished theme-native surfaces for orders, people, portfolios, and service operations.
Orders table
data-table-operations.tsxA polished orders table with 5,000 virtualized purchases, soft status filters, deferred search, selection, sorting, and export controls.
Orders
Recent orders
Review purchases, payments, and customer details.
"use client";
import { DataTableOperations } from "@/components/premium/data-tables";
export function DataTableOperationsPreview() {
return <DataTableOperations />;
}
Le code source est verrouillé
Obtenez un accès pour installer les composants premium et voir tout le code source.
Ouvrir le tableau de bordInstallation
People directory
data-table-directory.tsxA soft editorial directory with 1,200 virtualized people, responsive team filters, deferred search, presence, and sortable profile details.
People
The people behind the work.
A calm, searchable directory for a team that works across time zones.
"use client";
import { DataTableDirectory } from "@/components/premium/data-tables";
export function DataTableDirectoryPreview() {
return <DataTableDirectory />;
}
Le code source est verrouillé
Obtenez un accès pour installer les composants premium et voir tout le code source.
Ouvrir le tableau de bordInstallation
Portfolio table
data-table-portfolio.tsxA polished portfolio table with soft summary cards, sortable market values, responsive trend sparklines, and period controls.
Portfolio overview
$751,444
$7,915 todayPublic equity portfolio with allocation and intraday movement.
Net deposits
$612,400
Unrealized gain
$139,044
Cash available
$60,884
Holdings
"use client";
import { DataTablePortfolio } from "@/components/premium/data-tables";
export function DataTablePortfolioPreview() {
return <DataTablePortfolio />;
}
Le code source est verrouillé
Obtenez un accès pour installer les composants premium et voir tout le code source.
Ouvrir le tableau de bordInstallation
SLA monitoring table
data-table-sla.tsxA full-width service operations table with ticket search, portalled status filters and row actions, selection, sortable ticket fields, and compact pagination.
SLA monitoring
Track ownership, response time, and resolution status.
"use client";
import { DataTableSla } from "@/components/premium/data-tables";
export function DataTableSlaPreview() {
return <DataTableSla />;
}
Le code source est verrouillé
Obtenez un accès pour installer les composants premium et voir tout le code source.
Ouvrir le tableau de bord