[PR #7036] [MERGED] feat: reordering table columns and rows on mobile #7701

Closed
opened 2026-03-23 23:20:49 +00:00 by mirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7036
Author: @LucasXu0
Created: 12/23/2024
Status: Merged
Merged: 12/23/2024
Merged by: @LucasXu0

Base: mainHead: feat/m_table_reorder


📝 Commits (10+)

  • 7da6980 feat: support table overflow
  • 3ff3fbe fix: heading padding
  • 6b7180d feat: support reordering table
  • 2bc4e1f feat: highlight cell border when dragging
  • ba05fc7 chore: optimize the highlight border render logic
  • 2843904 fix: table menu error
  • 9541b1a test: insert a table / insert column / insert row test
  • a380684 test: delete column / delete row
  • 63efa8e test: delete column / delete row
  • c8b5cd3 test: enable header row / header column

📊 Changes

14 files changed (+859 additions, -198 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/mobile/document/document_test_runner.dart (+2 -0)
frontend/appflowy_flutter/integration_test/mobile/document/simple_table_test.dart (+398 -0)
📝 frontend/appflowy_flutter/integration_test/shared/common_operations.dart (+51 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/notifications/widgets/shared.dart (+6 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart (+28 -10)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_block_component.dart (+0 -8)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_cell_block_component.dart (+159 -39)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_constants.dart (+8 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_more_action.dart (+21 -2)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/simple_table_action_sheet.dart (+16 -8)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/simple_table_border_builder.dart (+36 -17)
frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/simple_table_feedback.dart (+128 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/simple_table_reorder_button.dart (+2 -111)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_style.dart (+4 -1)

📄 Description

Feature Preview

  • render feedback widget when reordering
  • highlight the border
  • expand the hit test area
  • allow the table overflow
  • test
    • insert left / insert right
    • insert above / insert below
    • delete column
    • delete row
    • header column
    • header row
    • set to page width
    • distribute columns evenly
    • clear content
    • bold
Screenshot 2024-12-23 at 15 05 49

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/7036 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 12/23/2024 **Status:** ✅ Merged **Merged:** 12/23/2024 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `feat/m_table_reorder` --- ### 📝 Commits (10+) - [`7da6980`](https://github.com/AppFlowy-IO/AppFlowy/commit/7da69806520d9b31aab70c12259d4b76bc1ba2bd) feat: support table overflow - [`3ff3fbe`](https://github.com/AppFlowy-IO/AppFlowy/commit/3ff3fbec36135d831847da7e55ae9feedb75a1fb) fix: heading padding - [`6b7180d`](https://github.com/AppFlowy-IO/AppFlowy/commit/6b7180de8efc3fd05e377a82c4a345974077af9b) feat: support reordering table - [`2bc4e1f`](https://github.com/AppFlowy-IO/AppFlowy/commit/2bc4e1f83304d30ad91f7bad82b4e1902fddf2b6) feat: highlight cell border when dragging - [`ba05fc7`](https://github.com/AppFlowy-IO/AppFlowy/commit/ba05fc76fbfac5bab3ea823e64c49ce82e4ddfac) chore: optimize the highlight border render logic - [`2843904`](https://github.com/AppFlowy-IO/AppFlowy/commit/2843904a801ee56e2862c80872375640bfba3664) fix: table menu error - [`9541b1a`](https://github.com/AppFlowy-IO/AppFlowy/commit/9541b1afaeb2dc6f1fbbe0825d672e23f66afdd0) test: insert a table / insert column / insert row test - [`a380684`](https://github.com/AppFlowy-IO/AppFlowy/commit/a380684e0f4851511d45c4c988573fe695392e7e) test: delete column / delete row - [`63efa8e`](https://github.com/AppFlowy-IO/AppFlowy/commit/63efa8eaecfbd989b0cb6432e0e3f97923aec50b) test: delete column / delete row - [`c8b5cd3`](https://github.com/AppFlowy-IO/AppFlowy/commit/c8b5cd390b71a7141fb4f51c522f72556a76c193) test: enable header row / header column ### 📊 Changes **14 files changed** (+859 additions, -198 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/mobile/document/document_test_runner.dart` (+2 -0) ➕ `frontend/appflowy_flutter/integration_test/mobile/document/simple_table_test.dart` (+398 -0) 📝 `frontend/appflowy_flutter/integration_test/shared/common_operations.dart` (+51 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/notifications/widgets/shared.dart` (+6 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart` (+28 -10) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_block_component.dart` (+0 -8) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_cell_block_component.dart` (+159 -39) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_constants.dart` (+8 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_more_action.dart` (+21 -2) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/simple_table_action_sheet.dart` (+16 -8) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/simple_table_border_builder.dart` (+36 -17) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/simple_table_feedback.dart` (+128 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/simple_table_reorder_button.dart` (+2 -111) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_style.dart` (+4 -1) </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] render feedback widget when reordering - [x] highlight the border - [x] expand the hit test area - [x] allow the table overflow - [x] test - [x] insert left / insert right - [x] insert above / insert below - [x] delete column - [x] delete row - [x] header column - [x] header row - [x] set to page width - [x] distribute columns evenly - [x] clear content - [x] bold <img width="414" alt="Screenshot 2024-12-23 at 15 05 49" src="https://github.com/user-attachments/assets/778d5d25-de5b-445b-8699-612402dcf5ce" /> <!--- 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:49 +00:00
Sign in to join this conversation.
No milestone
No project
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#7701
No description provided.