Table Builder

About this plugin

Table generationGenerate tables from scratch or from templates — realistic data, no lorem ipsum14 column types: text, number, currency, percent, date, datetime, boolean, badge, avatar, email, url, id, rating, progressDeterministic regeneration with a seedConfigurable density (compact/cozy/comfortable), zebra striping, borders, sticky header, selection column, row actions, paginationWatermark-free output on every planRealistic sample dataNames, companies, emails, phone numbers, cities, products, departments, roles, plans, statuses, priorities, ratings, currency, percentages, dates, UUIDs, short IDs, and moreBadge colors auto-assigned by semantic meaning (active/pending/failed, etc.)ImportCSV and JSON import with automatic column-type inference (detects emails, currency, dates, booleans, badges vs. free text)Use imported rows as real data in your next generationTemplates7 built-in templates: Users, Orders, Invoices, Tasks, Analytics summary, Inventory, SubscriptionsTable statesGenerate any combination in one pass: default, loading (skeleton), empty, no-results, error, selected rows, hover rowResponsive layoutsDesktop, tablet (auto column-priority trimming), and mobile (stacked card layout) — generated together for direct comparisonStress testingGenerate at scale (rows × columns) and get a report: node count, generation time, throughput, memory estimate, and a smooth/acceptable/heavy/excessive verdict with specific notesUX / accessibility auditScored 0–100 against contrast (WCAG), row height/hit targets, column count, numeric alignment, row separation, sticky header, pagination, and selection/action pairing — with pass/info/warn/fail findingsDesign system integrationScan the file's local color styles, text styles, and variable collections and map them onto the table's paletteOr upload your own reference image — colors are extracted client-side and applied the same way, with the option to drop the image onto the canvas as a referenceAI recommendationsOffline rules engine that reviews your config and suggests layout, accessibility, data, and performance fixes, several with a one-click applyHandoff specificationsGenerates a Markdown spec: layout notes, column table, behavior notes, design tokens (JSON), and a suggested TypeScript/React prop shapeAdvanced configurationCustom columns beyond the templates, seeded/deterministic data, larger column counts