MyloUI
Back to blocks
table
Block

Bordered Table

Grid-style table with visible borders

Installation

npx shadcn add @mylo-ui/table-bordered

Preview

ProductCategoryPriceStockRating
Laptop ProElectronics$1,299454.8
Wireless MouseAccessories$491204.5
USB-C HubAccessories$89784.6
Mechanical KeyboardElectronics$159324.9
Monitor 4KElectronics$599154.7

Usage

import { TableBordered } from "@/components/blocks/table-bordered"

export default function Page() {
  return <TableBordered />
}

Dependencies

lucide-react

shadcn/ui Components

table
badge

Related Blocks

More table blocks you might like

View all table blocks
Simple Table
table

Simple Table

Clean, minimal table with basic data display

Ready to use
/blocks/table-simple
Striped Table
table

Striped Table

Alternating row colors with status badges

Ready to use
/blocks/table-striped
Hover Table
table

Hover Table

Row highlighting on hover with order status

Ready to use
/blocks/table-hover