Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Context Menu - Table Row Operations Menu
A React context menu for table row operations with insert above/below, duplicate, delete row, and bulk delete with keyboard shortcuts for spreadsheets
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Spreadsheets without row operations feel broken. This React context menu provides insert row above/below, duplicate, and delete with keyboard shortcuts and destructive styling. Built with shadcn/ui and Radix UI with Lucide React icons—perfect for spreadsheets, data grids, or editable tables where users manage rows frequently.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Table Column Operations Menu
Column visibility, movement, and resize operations
Table Sort Menu
Sort operations for table data
Table Filter Menu
Filter rows by conditions
File Operations Menu
Similar CRUD operations pattern
Icons and Shortcuts Menu
Menu with icons and keyboard shortcuts
Layer Management Menu
Similar duplicate and delete pattern
Questions you might have
React Context Menu - Table Export Menu
A React context menu for exporting table data with format submenu (CSV, Excel, PDF, JSON) and download selected rows for data export workflows
React Context Menu - Table Column Operations Menu
A React context menu for table column management with show/hide, move left/right, resize, and auto-fit operations with keyboard shortcuts