appbaseio/dejavu

support for column resizing

Open

#15 opened on Mar 29, 2016

View on GitHub
 (1 comment) (3 reactions) (0 assignees)JavaScript (8,270 stars) (529 forks)batch import
enhancementhelp wanted

Description

Support column width resizing to better view data.

  • Long ids are hard to view as the current UI truncates values longer than 20 characters, see https://github.com/appbaseio/dejaVu/issues/11.
  • Columns with smaller fields can be compacted and columns with long text data can be expanded to better utilize the screen estate.

The ideal solution should be similar to excel / google sheet's resizing behavior, contributions are welcome :-).

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
JavaScriptCSSDOM events
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Examine the current table component in the source code (likely under src/) to understand how columns are rendered. Look at the CSS applied to truncate long values (referenced in issue #11). Implement a draggable handle on column headers using mousedown/mousemove/mouseup events to dynamically adjust column widths. Ensure behavior mirrors Google Sheets' column resizing. No linked PRs or maintainer comments exist; focus on replicating the described behavior.