Live NDJSON logs
Generated log bytes decoded into a virtual table, with progress and cancellation.
Examples
Screens you would build at work, each running live on its page with the source that makes it. They use every layer: the complete <VueyeTable> and <VueyeGrid>, the styled pieces, the headless components, and the composables alone.
useDataTable + styled
VueyeTable
Infinite issue tracker
Cursor loading over the existing issue API, with search, sorting and retry.
VueyeTable
Lazy file explorer
Project folders load on expansion, with keyboard navigation and supplied size totals.
VueyeGrid
Editable department tree
An adjacency grid combines child edits, virtual rows and protected local changes.
VueyeTable
Orders dashboard
An admin screen with filters, bulk actions, inline line items and a detail drawer.
Headless
CRM contacts
One table state drawn as a table and as cards, built from headless components.
VueyeTable manual
Server-side API
Ten thousand records behind a simulated API, with aborts, retries, and a network log.
VueyeGrid
Inventory sheet
A stock spreadsheet with validation, computed columns, and conditional formatting.
useDataTable + styled
Financial report
Budget against actuals, grouped by region with subtotals, composed over processed rows.
VueyeTable
Full table
Every feature of the complete table, with its state shown live as plain data.
VueyeGrid
Spreadsheet
Order lines edited in place, with a log of every new array and A1 address.
For persistent saves, real HTTP loading and release acceptance, run the standalone Operations desk against the published npm packages.
Every example keeps its data in the page and never changes the array it was given. Edits, bulk actions, and favorites all produce new arrays, which is what makes undo, v-model:data, and a server save straightforward.