For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
Best for: Sales teams narrowing a company database to their ideal customer profile, then working the fits by owner and status
When to use
- Reporting tables whose rows carry in-cell bars, sparklines or heat cells beside the figures
- Performance reviews that weigh each record against a target, a plan or a prior period
- Review queues and record lists with create, edit, delete and undo, each row opening a tabbed sheet
When not to use
- A list of people with a lead score and a filter builder: use the Lead Scoring Contacts block
- A rule builder on its own, to narrow a list or table you already have: use the Filters component
- A plain sortable table of text cells, assembled from parts in your own layout: use the Data Grid component
- Values typed into the cells themselves, with validation and a save or discard bar: use the Editing blocks
Agent notes
- Swap
COMPANIES,CITIES,REPSandSEED_LISTSin data.ts; contacts and buying signals are seeded from each company, so load your own prospectFilterFieldsandmatchesProspectFiltersin prospect-filters.tsx define the rules;headcountTrendOfin data.ts seeds the monthly barsuseProspectStorechanges only React state; send its writes (createCompany,setStatus,setOwner,createList,saveToListand the rest) to your API- Rows live in a client store hook whose
create,updateandremovechange only browser state; back them with your API - Search, filters and sort run in the browser over every row before
useTablesees them; move that query to your API at scale - Each page.tsx wraps the block in a
min-h-svhmain with padding, amax-w-7xlwidth and an sr-onlyh1; drop that wrapper inside an app shell
Third-party API docs
- Recharts v3: API reference, docs
- TanStack Table v9: API reference, docs
- Sonner v2: API reference, docs
https://reui.io/blocks/data-grid/advanced/data-grid-advanced-22.mdget_block("data-grid-advanced-22")npx shadcn@latest add @reui/data-grid-advanced-22Shadcn Components in the Prospect Database Block
Dependencies
- @tanstack/react-table
- cn
- recharts
- sonner
Shadcn Prospect Database Block
B2B prospect database grid with intent cards, a filter builder, rep owners, a hand over and lists. Part of the ReUI Shadcn Data Grid Advanced blocks collection.
B2B prospecting grid: a Filters builder over industry, HQ, size, growth, funding, intent, owner and status, intent cards that filter, a mark per company, headcount bars, intent rings, rep owners with a hand over and CRUD.
It is composed from Alert Dialog, Avatar, Badge, Button, Cascader, Chart, Data Grid, Dialog, and more, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Prospect Database Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn Data Grid Advanced blocks to assemble a full screen instead of a single section.
All Shadcn Data Grid Advanced Blocks
The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.
- Ad Campaign Performance Campaign performance grid with in-cell sparklines, ROAS bullet charts and new buyer share bars
- Regional Store P&L Store P&L grid with a geography tree, plan attainment bars and profit vs FY25 loss and gain cells
- Campaign Target Review Campaign target grid with diverging ROAS and CPA bars, channel-grouped rows and a column filter row
- SLO Reliability Index SLO error budget grid and linked lollipop chart with a shared objective and window override
- Wholesale Onboarding Wholesale application review grid with quick-update cells and expandable door rows
- Stock Mix Retail Stock Mix Sheet With Categories as Columns, Pinned Totals and Range Editing
- Fourplex Pro Forma Rental Property Pro Forma Grid With Section Subtotals, Pinned Returns and Line Editing
- Product KPI Grid KPI grid of products with photo tiles, revenue trends, promo calendars and KPI status segments
- Service Visit Planner Kitchen service visit planner with a three week day matrix and a coverage column
- Technician Capacity Auto repair technician capacity by day with bookings, overtime and time off
- Factory Scorecard Factory scorecard grid with spend rank movement, a shared OTIF lane with a goal and next buy calls
- Freight & Cargo Services Freight lane matrix with headhaul and backhaul split cells, a path to both edges and a lane modal
- HR Scorecard HR KPI scorecard grid with collapsible groups, tinted index cells, trends and target editing
Related Shadcn Data Grid Block Categories
- Base (8) Complete table screens with toolbar filters and pagination for CRM, support, team, project, and pricing data.
- Columns (5) Column visibility, pinning, resizing, density, and settings controls.
- Drag & Drop (4) Drag-and-drop row and column reordering with sortable handles.
- Editing (6) Inline create, edit, and delete cells for full CRUD workflows.
- Expansion (3) Expandable parent rows with nested sub-rows and master-detail panels.
- Filtering (4) Search, faceted filters, filter builders, and status tab toolbars.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (305) Browse 305 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (53) Browse 53 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (83) Browse 83 Shadcn Solutions blocks across 13 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
When should I use the Prospect Database block?
Use it for sales teams narrowing a company database to their ideal customer profile, then working the fits by owner and status.
The Advanced category fits:
- Reporting tables whose rows carry in-cell bars, sparklines or heat cells beside the figures
- Performance reviews that weigh each record against a target, a plan or a prior period
- Review queues and record lists with create, edit, delete and undo, each row opening a tabbed sheet
For a list of people with a lead score and a filter builder, use the Lead Scoring Contacts block. For a rule builder on its own, to narrow a list or table you already have, use the Filters component. For a plain sortable table of text cells, assembled from parts in your own layout, use the Data Grid component. For values typed into the cells themselves, with validation and a save or discard bar, use the Editing blocks.
What is the Prospect Database block built with?
Can I restyle the Prospect Database block?
How should I use Shadcn advanced blocks in a real project?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.