Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Without Dividers
Table component with border-b-0 className removing row dividers for clean borderless aesthetic with minimal visual noise
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Sometimes borders add clutter—clean tables breathe. This React table uses shadcn/ui Table components with border-b-0 on all TableRows removing horizontal dividers for minimal aesthetic. Built with hover-colon-bg-transparent on header to disable hover effects, the borderless table creates spacious clean data display—perfect for modern dashboards, product lists, minimal interfaces, or any design where visual reduction matters and whitespace provides sufficient row separation without drawing lines between every row.
| Product | Category | Price | Stock |
|---|---|---|---|
| Laptop | Electronics | $999.00 | 24 |
| Headphones | Audio | $199.00 | 156 |
| Keyboard | Accessories | $79.00 | 89 |
| Mouse | Accessories | $49.00 | 234 |
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Basic Table
Standard table with row borders
Table with Avatar
User table with avatar images
Striped Table
Alternating row background colors
Card
Alternative borderless container
Badge
Status indicators for tables
Data Table
Advanced table with features
Questions you might have
React Table with Avatar
Table component combining shadcn/ui Avatar with user images and fallback initials in first column for rich visual user identification
React Striped Table
Table component with alternating row background colors using modulo index conditional className for zebra stripe pattern improving scannability