cokepizza/tableeditor

Simple table editor with React

TableEditor

Editor that can easily modify the table like Excel https://hixxx.me/tableEditor

---

Table of contents

● Technical Stack
● Service Overview
● Service Contents

Technical Stack

• Frontend
  • Single Page Application (SPA)
  • React.js
  • Redux
    • Thunk

Service Overview

• How this Widget works
  • How to update View
    • Render the dynamic UI in such a way that necessary renderings are processed at once and unnecessary renderings are not performed
    • Styled Component is not suitable for dynamic UI, so it is only applied to static UI
    • Cells can be changed through load and save processes
• Functions
  • Rows, Cols Add & Del
  • Cell multiSelect using Ctrl key & Drag
  • Cell merge & divide
  • Property setting
  • Scalable Table
  • Editable both header & body
  • Provide property helpbox
  • DataBinding setting
• ShortCut
  • Cell Merge: + Button
  • Cell Divide: - Button
  • Table Zoom: Ctrl + Mouse Scroll
• Restriction
  • Merge cells only works with rectangular shapes
  • Merge cells only works in the same area

Service Contents

• Cell Merge & Divide

• Multi Select & Merge

• Add, Delete Cols & Rows

• Tab(Inform, Properties, DataBinding)

• Crop & Scale