AppFlowy-IO/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2026-03-24 04:46:56 +00:00
Code Issues 952 Projects Packages Wiki Activity

[PR #6831] [MERGED] feat: simple table redesign #7597

New issue
Closed
opened 2026-03-23 23:20:22 +00:00 by mirror · 0 comments
mirror commented 2026-03-23 23:20:22 +00:00
Owner
Copy link

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/6831
Author: @LucasXu0
Created: 11/19/2024
Status: ✅ Merged
Merged: 11/28/2024
Merged by: @LucasXu0

Base: main ← Head: table_v2

📝 Commits (10+)

  • 3966af6 feat: define the simple table block data strucuture
  • e20c9ef fix: close keyboard when uploading file
  • d6b49e7 Merge branch 'main' into table_v2
  • c910163 feat: integrate a simple table
  • 06a72e0 feat: support selectable mixin for table
  • 4653345 feat: render border for table
  • 943b176 feat: support add column/row
  • bbefca9 feat: support add column and row
  • a03766f feat: support add column and row button
  • c545a96 feat: support table border and cell border

📊 Changes

53 files changed (+5719 additions, -22 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_4.dart (+3 -0)
➕ frontend/appflowy_flutter/integration_test/desktop/document/document_with_simple_table_test.dart (+42 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/application/document_data_pb_extension.dart (+14 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart (+83 -3)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/actions/drag_to_reorder/visual_drag_area.dart (+3 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/file/file_block_component.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/keyboard_interceptor/keyboard_interceptor.dart (+29 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/shortcuts/command_shortcuts.dart (+4 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/slash_menu/slash_menu_items.dart (+37 -6)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shared_widget.dart (+633 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_arrow_down_command.dart (+81 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_arrow_left_command.dart (+19 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_arrow_right_command.dart (+19 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_arrow_up_command.dart (+77 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_backspace_command.dart (+33 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_commands.dart (+16 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_tab_command.dart (+35 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/table_command_extension.dart (+147 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/simple_table_block_component.dart (+361 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/simple_table_cell_block_component.dart (+397 -0)

...and 33 more files

📄 Description

Feature Preview

  • revamp the UI
    • table action menu
    • table cell border
    • option menu
    • render the border when selecting column or row
  • re-implement the logic
    • drag to resize the cell width
      • don't persist data while dragging
      • persist the data after drag ends
    • redefine the simple table structure
    • insert left (column)
      • update the column map (align, color)
    • insert right (column)
      • update the column map (align, color)
    • insert above (row)
      • update the row map (align, color)
    • insert below (row)
      • update the row map (align, color)
    • duplicate
      • column
        • content
        • color
        • align
      • row
        • content
        • color
        • align
    • clear content
    • delete (row)
      • update the column map (align, color)
    • delete (column)
      • update the column map (align, color)
    • align
      • column
      • row
    • color
      • column
      • row
    • header column
      • background color
      • bold
    • header row
      • background color
      • bold
    • shortcuts
      • arrow up/down/left/right
      • tab
      • backspace
      • delete
  • tests
    • delete operation
    • insert operation
    • update style operation
      • align
      • column width
      • background color
      • header column and header row
    • duplicate operation
    • clear content operation

Include the tasks below in another PR

  • integration tests
    • delete a row(column)
    • insert a row(column)
    • update style(background color, align, ...)
    • enable header column/row
    • delete the table
    • only one cell
  • issues
    • a magic space between two cells
      Screenshot 2024-11-21 at 18 09 44
      Screenshot 2024-11-21 at 22 06 34

PR Checklist

  • My code adheres to AppFlowy's Conventions
  • I've listed at least one issue that this PR fixes in the description above.
  • I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
  • All existing tests are passing.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/6831 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 11/19/2024 **Status:** ✅ Merged **Merged:** 11/28/2024 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `table_v2` --- ### 📝 Commits (10+) - [`3966af6`](https://github.com/AppFlowy-IO/AppFlowy/commit/3966af6ef5eac70e15bd36787aef769969edfba4) feat: define the simple table block data strucuture - [`e20c9ef`](https://github.com/AppFlowy-IO/AppFlowy/commit/e20c9ef9fe8dd1631a9f49594993d533ee7d0c95) fix: close keyboard when uploading file - [`d6b49e7`](https://github.com/AppFlowy-IO/AppFlowy/commit/d6b49e7df4dd65712f09292c5760827428dca69e) Merge branch 'main' into table_v2 - [`c910163`](https://github.com/AppFlowy-IO/AppFlowy/commit/c9101636098bf8079f8471dd2d558e2fe163a7ea) feat: integrate a simple table - [`06a72e0`](https://github.com/AppFlowy-IO/AppFlowy/commit/06a72e0357fc99b63631d6102aa3f5099ceb6281) feat: support selectable mixin for table - [`4653345`](https://github.com/AppFlowy-IO/AppFlowy/commit/465334521d54de31b4e4ff98d481137979ebbe77) feat: render border for table - [`943b176`](https://github.com/AppFlowy-IO/AppFlowy/commit/943b176109fc39b6a126c789bac8c541d02a2964) feat: support add column/row - [`bbefca9`](https://github.com/AppFlowy-IO/AppFlowy/commit/bbefca9f05b004808052fc01c3f8878c604916e9) feat: support add column and row - [`a03766f`](https://github.com/AppFlowy-IO/AppFlowy/commit/a03766f628aebc1fe57af7fce6d09e588ce3bbe5) feat: support add column and row button - [`c545a96`](https://github.com/AppFlowy-IO/AppFlowy/commit/c545a9686fe65e70e0a7e68ac12d78c7b3bdcddf) feat: support table border and cell border ### 📊 Changes **53 files changed** (+5719 additions, -22 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_4.dart` (+3 -0) ➕ `frontend/appflowy_flutter/integration_test/desktop/document/document_with_simple_table_test.dart` (+42 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/application/document_data_pb_extension.dart` (+14 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart` (+83 -3) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/actions/drag_to_reorder/visual_drag_area.dart` (+3 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/file/file_block_component.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/keyboard_interceptor/keyboard_interceptor.dart` (+29 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/shortcuts/command_shortcuts.dart` (+4 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/slash_menu/slash_menu_items.dart` (+37 -6) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shared_widget.dart` (+633 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_arrow_down_command.dart` (+81 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_arrow_left_command.dart` (+19 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_arrow_right_command.dart` (+19 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_arrow_up_command.dart` (+77 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_backspace_command.dart` (+33 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_commands.dart` (+16 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/simple_table_tab_command.dart` (+35 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/shortcuts/table_command_extension.dart` (+147 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/simple_table_block_component.dart` (+361 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/table/simple_table_cell_block_component.dart` (+397 -0) _...and 33 more files_ </details> ### 📄 Description <!--- Thank you for submitting a pull request to AppFlowy. The team will dedicate their best efforts to reviewing and approving your pull request. If you have any questions about the project or feedback for us, please join our [Discord](https://discord.gg/wdjWUXXhtw). --> <!--- If your pull request adds a new feature, please drag and drop a video into this section to showcase what you've done! If not, you may delete this section. --> ### Feature Preview - [x] revamp the UI - [x] table action menu - [x] table cell border - [x] option menu - [x] render the border when selecting column or row - [x] re-implement the logic - [x] drag to resize the cell width - [x] don't persist data while dragging - [x] persist the data after drag ends - [x] redefine the simple table structure - [x] insert left (column) - [x] update the column map (align, color) - [x] insert right (column) - [x] update the column map (align, color) - [x] insert above (row) - [x] update the row map (align, color) - [x] insert below (row) - [x] update the row map (align, color) - [x] duplicate - [x] column - [x] content - [x] color - [x] align - [x] row - [x] content - [x] color - [x] align - [x] clear content - [x] delete (row) - [x] update the column map (align, color) - [x] delete (column) - [x] update the column map (align, color) - [x] align - [x] column - [x] row - [x] color - [x] column - [x] row - [x] header column - [x] background color - [x] bold - [x] header row - [x] background color - [x] bold - [x] shortcuts - [x] arrow up/down/left/right - [x] tab - [x] backspace - [x] delete - [x] tests - [x] delete operation - [x] insert operation - [x] update style operation - [x] align - [x] column width - [x] background color - [x] header column and header row - [x] duplicate operation - [x] clear content operation ## Include the tasks below in another PR - [ ] integration tests - [ ] delete a row(column) - [ ] insert a row(column) - [ ] update style(background color, align, ...) - [ ] enable header column/row - [ ] delete the table - [ ] only one cell - [ ] issues - [ ] a magic space between two cells <img width="40" alt="Screenshot 2024-11-21 at 18 09 44" src="https://github.com/user-attachments/assets/9f128594-fdaa-403b-b7a7-e384e8a8001f"> <img width="500" alt="Screenshot 2024-11-21 at 22 06 34" src="https://github.com/user-attachments/assets/1f036585-a396-4374-b766-bc631b7178e3"> <!--- List at least one issue here that this PR addresses. If it fixes the issue, please use the [fixes](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/using-keywords-in-issues-and-pull-requests) keyword to close the issue. For example: fixes https://github.com/AppFlowy-IO/AppFlowy/pull/2106 --> --- <!--- Before you mark this PR ready for review, run through this checklist! --> #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [x] I've listed at least one issue that this PR fixes in the description above. - [x] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [x] All existing tests are passing. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
mirror 2026-03-23 23:20:22 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
copilot/fix-date-format-issue
feat/mention_a_person
merge_upstream_v6
mobile/release/0.9.3
release/0.9.3
release/0.9.2
select_source
release/0.9.1
refactor_import_data
release/0.8.9.1
release/0.8.9
anon_user_mode
release/0.8.8
fix_windows_selection
release/0.8.7
annieappflowy-patch-1
windows_local_ai
release/0.8.6
release/0.8.5
release/0.8.4
chore/optional-response-format
release/0.8.3
release/0.8.2
release/0.8.1
release/0.8.0
release/0.7.9
feat/support-rename-workspace
chat_rag_only
calculate_ui_test
release/0.7.8
release/0.7.7
stringfi_cells
hotfix/0.7.5
release/0.7.4
client-api-update
feat/collab-editing
fix_calculation_bug
feat/upload-file-in-document
update-client-api
feat/support-global-comment-on-web
update-client-api-2
feat/support-duplicate-publish-on-web
feat/ai-plan-billing
chore/test-web-deploy
chore/enable-billing-for-testing
build/test
ai_tag_feature
chore/enable-billing-plan
feat/billing-client-windows
chore/support-openai-chat
fix/try-no-media-kit
sign-in-error-format
workspace-invite-ci-test
last-workspace
workspace-invite-wip
feat/date-text-input
appflowy_v1
0.11.1
0.11.0
0.10.9
0.11.2
0.10.7
0.10.6
0.10.5
0.11.3
0.11.4
0.10.8
0.10.4
0.10.3
0.10.2
0.10.0
0.10.1
0.9.9
0.9.8
0.9.7
0.9.5
0.9.6
0.9.4
0.9.3
0.9.2
0.9.1
0.9.0
0.8.9
0.8.8
0.8.7
0.8.6
0.8.5
0.8.4
0.8.3
0.8.2
0.8.1
0.8.0
0.7.9
0.7.8
0.7.7
0.7.6
0.7.5
0.7.4
0.7.3
0.7.2
0.7.1
0.7.0
0.6.9
0.6.8
0.6.7.2
0.6.7.1
0.6.7
0.6.6
0.6.5
0.6.4
0.6.3
0.6.2
0.6.1
v0.6.1
0.6.0
0.5.9
0.5.8
0.5.7
0.5.6
0.5.5
0.5.4
0.5.3
0.5.2
0.5.1
0.5.0
0.4.9
0.4.8
0.4.7
0.4.6
0.4.5
0.4.4
0.4.3
0.4.2
0.4.1
0.4.0
0.3.9.1
0.3.9
0.3.8
0.3.7
0.3.6
0.3.5
0.3.4
0.3.3
0.3.2
0.3.1
0.3.0
0.2.9
0.2.8
0.2.7
0.2.6
0.2.5
0.2.4
0.2.3
0.2.2
0.2.1
0.2.0
0.1.6
0.1.5
0.1.4
0.1.3
0.1.2
0.1.1
0.1.0
0.0.9.1
0.0.9
0.0.8.1
0.0.8
0.0.7.1
0.0.7
0.0.6.2
0.0.6.1
0.0.6
0.0.6_beta.1
0.0.5.3
0.0.5.2
0.0.5.1
0.0.5
0.0.5_beta.2
0.0.5_beta.1
0.0.4
0.0.4_beta.3
0.0.4_beta.2
0.0.4_beta.1
0.0.3
0.0.3_beta.2
0.0.3_beta.1
0.0.2
0.0.1
Labels
Clear labels   
2024

   
2025

   
2026

   
acct mgmt

   
AI

   
automation

   
bug

   
calendar

   
ci

   
CJK

   
cloud

   
code-block

   
collaboration

   
copy-paste

   
database

   
data migration

   
data sync

   
deploy

   
desktop

   
develop

   
develop

   
documentation

   
duplicate

   
editor

   
editor-plugin

   
emoji

   
export

   
files

   
flutter-only

   
follow-up

   
formula

   
good first issue for devs

   
good first issue for experienced devs

   
grid

   
hacktoberfest

   
HACKTOBERFEST-ACCEPTED

   
help wanted

   
i18n

   
icons

   
images

   
importer

   
improvements

   
infra

   
install

   
integrations

   
IR

   
kanban board

   
login

   
look and joy

   
mentorship

   
mobile

   
mobile

   
needs design

   
new feature

   
new feature

   
non-coding

   
notes

   
notifications

   
onboarding

   
organization

   
P0+

   
permission

   
platform-linux

   
platform-mac

   
platform-windows

   
plugins

   
program

   
pull-request

Mirrored from GitHub Pull Request

  
Q1 25

   
Q1 26

   
Q2 24

   
Q2 25

   
Q3 24

   
Q3 25

   
Q4 24

   
Q4 25

   
react

   
regression

   
rust

   
rust

   
Rust-only

   
Rust-only

   
Rust-starter

   
Rust-starter

   
self-hosted

   
shortcuts

   
side panel

   
slash-menu

   
sync v2

   
table

   
tablet

   
task

   
tauri

   
templates

   
tests

   
themes

   
translation

   
v0.5.6

   
v0.5.8

   
v0.5.9

   
v0.6.0

   
v0.6.1

   
v0.6.4

   
v0.6.7

   
v0.6.8

   
v0.7.1

   
v0.7.4

   
v0.7.4

   
v0.7.5

   
v0.7.6

   
v0.7.7

   
v0.7.8

   
v0.8.0

   
v0.8.4

   
v0.8.5

   
v0.8.9

   
web
No labels
2024
2025
2026
acct mgmt
AI
automation
bug
calendar
ci
CJK
cloud
code-block
collaboration
copy-paste
database
data migration
data sync
deploy
desktop
develop
develop
documentation
duplicate
editor
editor-plugin
emoji
export
files
flutter-only
follow-up
formula
good first issue for devs
good first issue for experienced devs
grid
hacktoberfest
HACKTOBERFEST-ACCEPTED
help wanted
i18n
icons
images
importer
improvements
infra
install
integrations
IR
kanban board
login
look and joy
mentorship
mobile
mobile
needs design
new feature
new feature
non-coding
notes
notifications
onboarding
organization
P0+
permission
platform-linux
platform-mac
platform-windows
plugins
program
pull-request
Q1 25
Q1 26
Q2 24
Q2 25
Q3 24
Q3 25
Q4 24
Q4 25
react
regression
rust
rust
Rust-only
Rust-only
Rust-starter
Rust-starter
self-hosted
shortcuts
side panel
slash-menu
sync v2
table
tablet
task
tauri
templates
tests
themes
translation
v0.5.6
v0.5.8
v0.5.9
v0.6.0
v0.6.1
v0.6.4
v0.6.7
v0.6.8
v0.7.1
v0.7.4
v0.7.4
v0.7.5
v0.7.6
v0.7.7
v0.7.8
v0.8.0
v0.8.4
v0.8.5
v0.8.9
web
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
AppFlowy-IO/AppFlowy#7597
No description provided.