Editor: Editing table

[Innders]

The editing table will be used on multiple pages including the redesigned browser.

Requirements

• Inline editing
• Multi cell selection, horizontal and vertical
• Multi cell editing
• Copy and pasting with multi cell support
• Cell dropdown editor
• Highly performant
• Tree table (hierarchy)
• resizable, sortable and reorderable columns
• history (undo/redo).
• Realtime updates (websockets)

Inspiration

• Github projects
• Clickup lists
• Attio
• Google sheets

Complete design

https://github.com/ynput/AYON-Epics/issues/69

Strategery

1. Technology choice: tanstack table, a different library, completely custom?
2. Technology validation: experiments with chosen technology to validate it meets the requirements.
3. Initial MVP of just a table and editing real data.
4. Final table implementation.
5. Final editor page implementation.

Because the editor component is reused it is the most important task to complete first.