Wonderful 1.0 - MVP

Phase 2: Data Table

UAT TESTING - JAN 15

LEFT INDENT
Everything is centered, if you look at AirTable it’s all left indented and I noticed it looks much cleaner - didn’t think this would make a difference but I think it is important - see what I mean with Airtable on the right on Wonderful on the left
Screenshot 2025-01-16 at 5.41.42 PM.png
Screenshot 2025-01-16 at 5.48.01 PM.png
NEW COLUMN
When you click the plus for a new column - it just spits out a random column and I don’t know what kind of column type it is - the ‘new column’ plus button should open an option to pick which column you want to create - similar to how airtable functions - how else do we create a specific column? Seems like a defect
Also if you click new column again this comes up
Screenshot 2025-01-16 at 5.52.55 PM.png
Copying airtable here would be great
Screenshot 2025-01-16 at 5.54.55 PM.png
COLUMN PICKER PLACEMENT
Move the Column Picker on the same level next to Group & Multi Filters
Screenshot 2025-01-15 at 5.41.22 AM.png

COLUMN EDITING
When clicking edit column let’s add in edit column type like you mentioned + if it’s trivial to change it from a center modal to a drop down like shown in airtable that would be great - lmk
Screenshot 2025-01-15 at 5.48.42 AM.png

MOVING COLUMNS
I don’t think was specifically mentioned but the ability to rearrange columns from left to right is going to be a must-have, will be a major buzz-kill without that, let me know what you think
FREEZING TOP HEADER AND LEFT SIDEBAR
Watch loom:

RICH TEXT EDITING
I can’t seem to figure out how to do rich text editing, is it shift and enter to make a line break? Not seeing how to do this - I remember talking about not having a rich text editor modal, we want the ability to edit text in the record text box
When you type more characters longer than the width of the column it stretches the column vs creating a line break down so the column width doesn’t get adjusted from adding text, we want to match Airtable here - I think we discussed this, maybe we didn’t

ROW SELECT
Need to add the ability to delete
There is zero utility of having the select function if you can’t do anything with it
Screenshot 2025-01-16 at 6.04.31 PM.png

DELETING ROWS
When deleting a row it only allows me to delete one, then I can not delete one again

VIEWS
How do you create a view?
This currently doesn’t work = Just want to make sure you can create records in a filtered view and it will auto apply those filtered columns like we talked about (so the record doesn’t auto-remove from not having that filter)
RANDOM
Screenshot 2025-01-16 at 6.10.51 PM.png



Slack Clarifications - DEC 5


Redact comment field - but visibly show comments in the creative batch field, can be subtle under the creative batch name
One status field only
Make a small button left of record row to expand or open up the side drawer with all field details
Fields in side drawer are the same in the record
Show each status in workflow status column that is set for the individual creatives in the batch (example below)

These fields let’s make these fields one click to edit it, for example you click on the status once to use the drop down, one click to open the date picker etc..
date
status
Assignee
Select
Multi-Select
image.png
For Text field you click twice, once selects the field and the second to edit it like this example
Screen Recording 2024-12-04 at 7.13.31 PM.mov
458.5 kB
For the creative field let’s make it like this video where you can click on an edit pencil to rename it or click the name in the cell to open up the side drawer
Screen Recording 2024-12-04 at 7.16.36 PM.mov
11 MB
Also if you can make a center modal as big as that clickup example with comments on the right side then we can do that, if it’s any less work than the side modal I know were asking about that - I just want to make it big enough, ideally in the future we’ll have the ability to toggle between both options

Definitely need right click on header so you can see the settings for the full column and also click to edit that specific column type
Need to be able to add a new row
image.png


Complete Data Table Overview

1. Core Table Functionality

Table Structure

Similar to Airtable's interface with customizable columns and rows
Ability to add new columns (fields) and rows
Adjustable row heights for better visual scanning
Clean, minimal interface focused on content visibility
Screenshot 2024-11-03 at 4.45.21 PM.png
Screenshot 2024-11-03 at 4.45.28 PM.png

Top Navigation Actions

Hide Fields
Toggle visibility of specific columns
Useful for creating different views of the same data
Settings persist per view
Screenshot 2024-11-03 at 4.47.56 PM.png
Filter
Filter records based on any column value
Particularly useful for status filtering (e.g., hiding archived items)
Multiple filter combinations possible
Screenshot 2024-11-03 at 4.48.25 PM.png
Group By
Organize records into collapsible groups
Single-level grouping (no subgroups needed)
Common use case: grouping by status to see all "Awaiting Approval" items together
Visual separation between groups
Screenshot 2024-11-03 at 4.49.35 PM.png
Sort By
Sort records by any column
Date sorting (earliest/latest)
Multiple column sorting not required for MVP
Screenshot 2024-11-03 at 4.50.00 PM.png
Automations
This will be an overview of all the automations live in the table
Toggle automations on/off
See run history of automations

2. Column Management

Column Customization

Essential actions: edit, delete, duplicate fields
Field descriptions optional
Basic field settings without complex features like "insert left/right"
Focus on commonly used actions rather than extensive options
Screenshot 2024-11-03 at 4.51.53 PM.png
Screenshot 2024-11-03 at 4.52.08 PM.png

Screenshot 2024-11-03 at 4.52.38 PM.png


Field Types

Screenshot 2024-11-03 at 5.17.18 PM.png

Text Fields
Screenshot 2024-09-21 at 6.40.54 AM.png
Text that includes bullets, hyperlinks, Bold... (rich formatting)

Select Fields
Screenshot 2024-09-21 at 6.42.32 AM.png
Single and multi-select options
Optional color coding
Ability to reorder options
Optional default value setting

Status Field
Screenshot 2024-11-03 at 4.43.33 PM.png
Special field type distinct from regular select fields
Tied to creative batch progress
Shows approval progress (e.g., "2/3 Approved")
Watch overview video at 13:30


Creative Field
Screenshot 2024-09-21 at 6.41.20 AM.png
Primary field for asset management
Settings include:
Toggle for primary batch designation
Auto-folder creation option
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.