Admin Interface Demo
Demonstrație pentru adaptorul Supabase și componenta DataTable.
Supabase Adapter
- • Paginare cu count: 'exact'
- • Filtre și sortare
- • Range queries
- • RPC support
DataTable
- • Sortare client-side
- • Selectare rânduri
- • Sticky header
- • Responsive design
Admin Ready
- • Type-safe
- • Dark mode
- • Accessibility
- • Reusable
Gestionare Produse
| Produs↕ | Preț↕ | Stoc↕ | Status↕ | Creat↕ | ||
|---|---|---|---|---|---|---|
Ghiveci ceramic alb ghivece | 49.90 RON | 15 | active | 15.01.2024 | ||
Vază ceramic înaltă vaze | 65.00 RON | 8 | active | 10.01.2024 | ||
Cutie decorativă cutii | 25.00 RON | 0 | inactive | 05.01.2024 |
Exemplu de utilizare
// Supabase Adapter
const { items, meta } = await supaPaginate(
supabase, "products", { page, pageSize },
q => q.eq("status", "active"),
{ column: "created_at", ascending: false },
"*, sellers(*)"
);
// DataTable
<DataTable
columns={columns}
rows={items}
rowKey={(r) => r.id}
selectable
onSelectionChange={handleSelection}
/>