Editable Tables

Referencing editable tables within a Code Builder

Overview

After working on building a code editor, I was asked to help build what we called editable tables. These two projects where connected, because from the code editor users would be able view referenced items including the new editable tables.

Design Process

Once I had (mostly) gotten my head around this project, I felt it important the editable tables live somewhere separate from the code editor. Reason being, that if the table needed to be referenced by more than one code project, it needed to be saved and edited independently. After some persuasion, the team was onboard. Form the code editor, users would be able to view their database of editable tables. Choosing to edit one of those databases would launch an edit modal. From there, users could select the table and columns or rows that they wanted to change. While there were some necessary restrictions such as not allowing data type changes, users would now be able to add and edit rows and columns on their datasets and reference them in the code builder.


Code Editor
Table Builder