qwen-code/docs/design/web-shell/web-shell-advanced-table-controls.md
Heyang Wang 9223de3517
docs(web-shell): organize design documents by feature area (#8304)
Group the existing Web Shell design materials under a dedicated directory
so related specifications and supporting assets are easier to navigate.

- Move Web Shell design documents into the web-shell directory
- Keep pane header action screenshots alongside their design notes
- Normalize selected filenames to use the web-shell spelling

Co-authored-by: heyang.why <heyang.why@alibaba-inc.com>
2026-08-01 14:32:20 +00:00

1.1 KiB

Web Shell advanced table controls

Goal

Align the advanced Markdown table with the updated Web Shell design while preserving cell selection, statistics, filtering, sorting, resizing, row details, full-value dialogs, copying, and first-column freezing.

Design

  • Keep row counts and selection statistics on the left of a compact toolbar. Show selection copy beside those statistics, and group density, column customization, and visible-table copy on the right.
  • Sort only from the dedicated header icon. Filter popovers contain filtering controls only.
  • Manage table-column visibility and order from one shadcn-based popover.
  • Manage row-detail fields independently in the same popover. Detail fields keep source order and are not draggable.
  • Keep at most one expanded row. Its panel contains only selected detail fields.
  • Reset restores source column order and the initial visible/detail selections.

Compatibility

The underlying Markdown table data and public customization API are unchanged. All behavior remains local to EnhancedMarkdownTable.