DataTable View DnD Menu
niko-table/data-table-view-dnd-menuFreeComponent
Column visibility toggle menu with drag-to-reorder support. Use instead of data-table-view-menu when you need users to reorder columns from the menu.
Install it
npx shadcn@latest add https://niko-table.com/r/data-table-view-dnd-menu.jsonSource
1"use client"23/**4 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.5 *6 * Before reporting anything: please check the changelog first.7 * - In-repo: ./CHANGELOG.md8 * - Docs site: https://niko-table.com/changelog9 *10 * Found a bug or have a fix? Open an issue or PR on GitHub so other11 * users (and future LLMs reading this code) benefit:12 * https://github.com/Semkoo/niko-table-registry13 */14import { useDataTable } from "../core/data-table-context"15import {16 TableViewDndMenu,17 type TableViewDndMenuProps,18} from "../filters/table-view-dnd-menu"1920type DataTableViewDndMenuProps<TData> = Omit<21 TableViewDndMenuProps<TData>,22 "table"23>2425export function DataTableViewDndMenu<TData>(26 props: DataTableViewDndMenuProps<TData>,27) {28 const { table } = useDataTable<TData>()29 return <TableViewDndMenu table={table} {...props} />30}3132/**33 * @required displayName is required for auto feature detection34 * @see "feature-detection.ts"35 */3637DataTableViewDndMenu.displayName = "DataTableViewDndMenu"
What it pulls in
npm packages
Other registry items
Files it writes
More from niko-table
All 31 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| DataTable Asidedata-table-aside | niko-table | Components | Free | 1 dep | |
| DataTable Clear Filterdata-table-clear-filter | niko-table | Components | Free | 1 dep · 2 files | |
| DataTable Column Auto-fitdata-table-column-auto-fit | niko-table | Components | Free | no deps · 2 files | |
| DataTable Column Date Filterdata-table-column-date-filter | niko-table | Components | Free | 2 deps · 2 files | |
| DataTable Column DnDdata-table-column-dnd | niko-table | Components | Free | 4 deps · 3 files | |
| DataTable Column Faceted Filterdata-table-column-faceted-filter | niko-table | Components | Free | 1 dep · 3 files | |
| DataTable Column Hidedata-table-column-hide | niko-table | Components | Free | 1 dep · 2 files | |
| DataTable Column Pindata-table-column-pin | niko-table | Components | Free | 1 dep · 2 files |
