# Table components

> Manage and present data effortlessly with 36 responsive table components for React, styled with Tailwind CSS.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/table.

- [Table](https://21st.dev/@originui/components/table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/example-of-a-more-complex-table-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/data-table-with-filters-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/comparison-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/table-with-sticky-header.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/table-with-images.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/paginated-table-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/numeric-pagination-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/expanding-sub-row-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/basic-data-table-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/draggable-columns-made-with-tan-stack-table-and-dnd-kit.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/resizable-and-sortable-columns-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/pinnable-columns-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/vertical-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/card-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/table-with-vertical-lines.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/table-with-row-selection.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/dense-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/striped-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/table-without-horizontal-dividers.md) — by Origin UI
- [Dark Gradient Pricing](https://21st.dev/@vaib215/components/dark-gradient-pricing.md) — by Vaibhav Kumar Singh
- [Pricing](https://21st.dev/@sshahaider/components/pricing.md) — by Efferd
- [Dynamic Island TOC](https://21st.dev/@digitalzone0707/components/dynamic-island-toc.md) — by Digital Zone
- [Server Management Table](https://21st.dev/@isaiahbjork/components/server-management-table.md) — by Isaiah
- [Interactive Logs Table](https://21st.dev/@moumensoliman/components/interactive-logs-table-shadcnui.md) — by Moumen Soliman
- [RuixenContributorsTable](https://21st.dev/@ruixen.ui/components/ruixen-contributors-table.md) — by Ruixen UI
- [pricing](https://21st.dev/@uilayout.contact/components/pricing.md) — by UI Layouts
- [Pricing Table](https://21st.dev/@kokonutd/components/pricing-table.md) — by Kokonut Baffier
- [Bento Pricing](https://21st.dev/@sshahaider/components/bento-pricing.md) — by Efferd
- [Pricing Container](https://21st.dev/@anurag-mishra22/components/pricing-container.md) — by Anurag Mishra
- [Pricing Table](https://21st.dev/@sshahaider/components/pricing-table.md) — by Efferd
- [Project Data Table](https://21st.dev/@ravikatiyar162/components/project-data-table.md) — by Ravi Katiyar
- [Pricing Module](https://21st.dev/@ruixen.ui/components/pricing-module.md) — by Ruixen UI
- [Leads Data Table](https://21st.dev/@isaiahbjork/components/leads-data-table.md) — by Isaiah
- [Table](https://21st.dev/@mynaui/components/table/with-sort-button.md) — by shadcn
- [Table](https://21st.dev/@mynaui/components/table/with-sorting-and-search.md) — by shadcn
- [Table](https://21st.dev/@shadcn/components/table.md) — by shadcn
- [Table](https://21st.dev/@mynaui/components/table/with-visibility-filter.md) — by shadcn
- [Financial Markets Table](https://21st.dev/@isaiahbjork/components/financial-markets-table.md) — by Isaiah
- [Pricing Cards](https://21st.dev/@lyanchouss/components/pricing-cards/pricing-three-plans.md) — by Liana Pepanyan
- [Data Table](https://21st.dev/@shadcn/components/data-table.md) — by shadcn
- [Resizable Table](https://21st.dev/@isaiahbjork/components/resizable-table.md) — by Isaiah
- [Contacts Table With Modal](https://21st.dev/@isaiahbjork/components/contacts-table-with-modal.md) — by Isaiah
- [Pricing Blocks](https://21st.dev/@educlopez/components/pricing-blocks/modern-pricing.md) — by Edu Calvo
- [spotlight-table](https://21st.dev/@addstegeman/components/spotlight-table.md) — by Hamid
- [Table](https://21st.dev/@coss.com/components/table.md) — by coss
- [Pricing Component](https://21st.dev/@jatin-yadav05/components/pricing-component.md) — by Jatin Yadav
- [Table](https://21st.dev/@haydenbleasel/components/data-table.md) — by Hayden Bleasel
- [Modern Pricing Table](https://21st.dev/@chowlol202/components/modern-pricing-table.md) — by Caio Bonato
- [Flexi Filter Table](https://21st.dev/@ruixen.ui/components/flexi-filter-table.md) — by Ruixen UI
- [Table](https://21st.dev/@coss.com/components/table/selectable.md) — by coss
- [Table](https://21st.dev/@coss.com/components/table/framed.md) — by coss
- [Table With Dialog](https://21st.dev/@ruixen.ui/components/table-with-dialog.md) — by Ruixen UI
- [Pricing Table](https://21st.dev/@vaib215/components/pricing-table.md) — by Vaibhav Kumar Singh
- [Pricing Base](https://21st.dev/@meschacirung/components/pricing-base.md) — by Méschac Irung
- [ContributorsOverviewTable](https://21st.dev/@ruixen.ui/components/contributors-overview-table.md) — by Ruixen UI
- [indevuiTable](https://21st.dev/@ln-dev7/components/indevui-table.md) — by LN
- [Basic Data Table](https://21st.dev/@preetsuthar17/components/basic-data-table.md) — by Preet Suthar
- [Animated Table rows](https://21st.dev/@arunachalam/components/animated-table-rows.md) — by Arunachalam
- [Compare Table](https://21st.dev/@designali-in/components/compare-table.md) — by Ali Imam

Full component directory: https://21st.dev/llms.txt