skills.rest
TheYearIsTwentyGX
TheYearIsTwentyGXCOMMUNITY
Explore all skills by this author →
GitHub

tablegx-editing

Enable inline editing for table data in TableGX applications.

Updated Jun 9, 2026
Search Tags:#ui#react#inline-editing#cell-editing#editable-table#tablegx
One-click install
npx skills add https://github.com/TheYearIsTwentyGX/TableGX --skill tablegx-editing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tablegx-editing
Source: https://github.com/TheYearIsTwentyGX/TableGX/tree/main/skills/tablegx-editing
Command: npx skills add https://github.com/TheYearIsTwentyGX/TableGX --skill tablegx-editing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inline editing with EditableTable accelerates data manipulation in React tables by enabling per-cell edits without full form workflows.

Core Features & Use Cases

  • Inline editing with editableColumnIds and inputType to support text, number, boolean, and select editors.
  • onSaveEdit return false to keep the editor open for validation or correction.
  • singleClickEdit, columnGroups, and CellAction buttons for efficient, keyboard-friendly editing.
  • Use cases include inline edits in grids, cell-level actions, and flexible column metadata.

Quick Start

Create an EditableTable with editableColumnIds and appropriate column definitions to enable inline editing.

Frequently Asked Questions about tablegx-editing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enable inline editing for React table data in admin panels?▼

Enable inline editing for React table data by applying editableColumnIds to specific columns in an EditableTable component, defining inputType for each cell to support text, number, boolean, or select editors.

What is the best way to validate cell edits without closing the editor?▼

Validate cell edits without closing the editor by returning false from the onSaveEdit handler, which keeps the editor open so users can immediately correct invalid data entries within the table grid.

Can I use single-click cell editing with boolean and select inputs?▼

Yes, you can use single-click cell editing with boolean and select inputs by configuring singleClickEdit alongside booleanColumn and select inputType options in your column definitions.

How do I add custom action buttons to editable table cells?▼

Add custom action buttons to editable table cells by configuring CellAction buttons within your column definitions, enabling immediate per-cell actions and flexible column metadata alongside inline editing workflows.

When should I use inline table editing instead of full form workflows?▼

Use inline table editing instead of full form workflows when accelerating data manipulation in grids and dashboards that require immediate per-cell saves, multiple editor types, and keyboard-friendly columnGroups.

Related Skills

Explore More Software Engineering Skills→
sahiixxsahiixx
2

schema_exploration

List database tables, detail columns, and map foreign-key relationships.

Community
Basic
imankhaimankha

data-always-ready

Enforce parent-guarded rendering for React components with asynchronous data.

Community
Basic
tchiphuongtchiphuong

heroui-layout

Create responsive UI layouts with Hero UI React components.

Community
Basic
TanStackTanStack
28.3k

preact/compose-with-tanstack-form

Integrate editable cell UI with @tanstack/preact-form and @tanstack/preact-table.

Official
Intermediate