Shadcn Table Issues

Issues table with priority, assignee, and labels. Built by composing Avatar, Badge, Card, Table. A free, open source shadcn table example you can install with npx shadcn@latest add @reui/c-table-14 and edit as your own code.

Issues table with priority, assignee, and labels

For AI Agents

Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.

Best for: Issue rows with a monospace ID, a title followed by an outline label badge, the assignee and a status badge

When to use

Short lists of records such as invoices, orders, members, files or API keys, one per row
Rows that carry status badges, avatars, a totals footer or a menu of row actions
Label and value pairs describing one record, such as an employee profile or a server

When not to use

Issues moved between status columns by drag and drop: use the Kanban component
Rows the reader sorts, filters, pages or selects with checkboxes: use the Data Grid component
A ready made records section with a title bar, toolbar filters and a pager: use the Base blocks
An account page where a person edits their avatar, name, email and regional settings: use the Profile blocks

Agent notes

priority, priorityIcon and priorityVariant sit on each issue but are never rendered; add a cell to show them
Every label renders as an outline Badge, so labelVariant on each issue is unused
Table wraps the table in its own overflow-x-auto div, and className lands on the inner table, never on that scroll wrapper
TableCell and TableHead are nowrap in every style, so a long value widens the table and scrolls it sideways instead of wrapping

Markdownhttps://reui.io/components/table/c-table-14.md

MCPget_example("c-table-14")

Installnpx shadcn@latest add @reui/c-table-14

Full index for agents:llms.txtReUI MCP setup

Shadcn Components in Table Issues

About Shadcn Table Issues

What You Can Build With Shadcn Table Issues

Composes Avatar, Badge, Card, Table, so it drops into any project already using those components.
Install it with the shadcn CLI: npx shadcn@latest add @reui/c-table-14
Open source and free, with the full source on this page to copy or adapt.

More Shadcn Table Examples

Basic Basic table.
With Footer Table with footer.
Status Badges Table in card with status badges.
Actions Column Table card with actions column.
Interactive Rows Table with interactive elements.
Team Members Team members table with avatars, roles, and status
Orders Orders table with customer info and payment status
Projects Projects table with team avatars and status
Activity Log Activity log table with user avatars and timestamps
Subscriptions Subscriptions table with plan badges and billing info
Inventory Product inventory table with stock badges and prices
API Keys API keys table with permission badges and actions

Related Shadcn Component Categories

Tabs
Open-source shadcn tabs components for segmented content, settings views, and dashboard sections.
Textarea
Open-source shadcn textarea components for comments, long-form input, and support tickets.
Time Picker
Open-source shadcn time picker components for booking forms, opening hours, and shift scheduling.
Timeline
Open-source shadcn timeline components for activity feeds, roadmaps, and event history.
Toggle
Open-source shadcn toggle components for formatting controls, compact actions, and binary UI states.
Toggle Group
Open-source shadcn toggle group components for view switches, toolbar options, and mutually exclusive actions.

Frequently Asked Questions

When should I use Shadcn Table Issues?

Use it for issue rows with a monospace ID, a title followed by an outline label badge, the assignee and a status badge.

Shadcn Table as a whole fits:

Short lists of records such as invoices, orders, members, files or API keys, one per row
Rows that carry status badges, avatars, a totals footer or a menu of row actions
Label and value pairs describing one record, such as an employee profile or a server

For issues moved between status columns by drag and drop, use the Kanban component. For rows the reader sorts, filters, pages or selects with checkboxes, use the Data Grid component. For a ready made records section with a title bar, toolbar filters and a pager, use the Base blocks. For an account page where a person edits their avatar, name, email and regional settings, use the Profile blocks.

How do I install Shadcn Table Issues?

Run npx shadcn@latest add @reui/c-table-14. The CLI copies the source into your project, so you own the code and can edit it freely.

Is Shadcn Table Issues free to use?

Yes. Every ReUI component example is open source and free for personal and commercial projects.

Which components does Shadcn Table Issues use?

It composes Avatar, Badge, Card, Table. The shadcn CLI installs those alongside the example.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.