Table Column Customization (Show/Hide, Reorder, Manufacturer Column) #29

Open
opened 2026-01-16 04:48:43 +00:00 by tonym · 0 comments
Owner

Summary

Allow users to customize table columns: show/hide, reorder, resize, and add manufacturer column.

Upstream Issues

Requested Features

1. Manufacturer Column in Spool List

  • Add manufacturer/vendor column to spool table
  • Enable sorting/filtering by manufacturer

2. Column Visibility Toggle

  • Show/hide individual columns
  • Column picker dropdown or settings
  • Save preferences per user/browser

3. Column Reordering

  • Drag columns left/right to rearrange
  • Persist order in localStorage
  • Reset to default option

4. Column Resizing

  • Drag column borders to resize
  • Especially useful for comments field
  • Persist widths in localStorage

5. Jump to Filtered View

  • From manufacturer page, link to filtered spool list

Implementation

{
  "spoolColumns": {
    "visible": ["color", "filament", "manufacturer", "remaining"],
    "order": ["color", "manufacturer", "filament", "remaining"],
    "widths": {"comments": 300}
  }
}

Ant Design Table supports column operations. Use localStorage for persistence.

  • #20 Gallery View
  • #43 Filament Custom Fields on Spool View
## Summary Allow users to customize table columns: show/hide, reorder, resize, and add manufacturer column. ## Upstream Issues - https://github.com/Donkie/Spoolman/issues/729 - https://github.com/Donkie/Spoolman/issues/430 - Adjustable column widths ## Requested Features ### 1. Manufacturer Column in Spool List - Add manufacturer/vendor column to spool table - Enable sorting/filtering by manufacturer ### 2. Column Visibility Toggle - Show/hide individual columns - Column picker dropdown or settings - Save preferences per user/browser ### 3. Column Reordering - Drag columns left/right to rearrange - Persist order in localStorage - Reset to default option ### 4. Column Resizing - Drag column borders to resize - Especially useful for comments field - Persist widths in localStorage ### 5. Jump to Filtered View - From manufacturer page, link to filtered spool list ## Implementation ```json { "spoolColumns": { "visible": ["color", "filament", "manufacturer", "remaining"], "order": ["color", "manufacturer", "filament", "remaining"], "widths": {"comments": 300} } } ``` Ant Design Table supports column operations. Use localStorage for persistence. ## Related - #20 Gallery View - #43 Filament Custom Fields on Spool View
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: tonym/spoolman2#29
No description provided.