# Without dividers

> Borderless rows for a clean, list-like layout.

A shadcn/ui block from the [@flx](https://ui.flexnative.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/flx/table-03).

- Page, with a live preview: https://shadcn.exchange/r/flx/table-03
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/flx/table-03-light-53c43b3ae049ebf2.png
- Registry item: https://ui.flexnative.com/r/table-03.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://ui.flexnative.com/r/table-03.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `table`

## Files

### `registry/patterns/table/table-03.tsx`

```tsx
import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from '@/components/ui/table'

const files = [
  { name: 'report-q3.pdf', size: '2.4 MB', modified: '2 hours ago' },
  { name: 'design-system.fig', size: '18.1 MB', modified: 'Yesterday' },
  { name: 'budget.xlsx', size: '640 KB', modified: '3 days ago' },
  { name: 'roadmap.md', size: '12 KB', modified: 'Last week' },
]

export function Table03() {
  return (
    <div className="w-full max-w-xl">
      <Table>
        <TableHeader>
          <TableRow className="border-0 hover:bg-transparent">
            <TableHead>Name</TableHead>
            <TableHead>Size</TableHead>
            <TableHead className="text-right">Modified</TableHead>
          </TableRow>
        </TableHeader>
        <TableBody className="[&_tr]:border-0">
          {files.map((file) => (
            <TableRow key={file.name}>
              <TableCell className="font-medium">{file.name}</TableCell>
              <TableCell className="text-muted-foreground tabular-nums">
                {file.size}
              </TableCell>
              <TableCell className="text-muted-foreground text-right">
                {file.modified}
              </TableCell>
            </TableRow>
          ))}
        </TableBody>
      </Table>
    </div>
  )
}
```