adopted-ember-addons/ember-light-table

Proposal: Add title to Cell

Open

#368 opened on Mar 20, 2017

View on GitHub
 (5 comments) (0 reactions) (0 assignees)JavaScript (130 forks)github user discovery
enhancementhelp wantedpossible-addon

Repository metrics

Stars
 (312 stars)
PR merge metrics
 (PR metrics pending)

Description

I want my cells to display on a single line (think of a long email, it should no overlap the next column). So I rely a text-overflow: ellipsis. It works fine. But now the content is truncated. A quick UX fix for that is to use the html title attribute, when you hover for a second-ish, a tooltip shows the full content.

I know I can do that with a custom component (which is the solution I went with) but it also feel like something that could belong in the base components. I'd love to do:

columns: [
  {
    label: 'Email',
    value: 'email',
    title: true
]

Contributor guide

Research direction
Explore the cell component in ember light table to understand how to add a title attribute. Look at existing usage of attributes like value and possibly options for tooltip integration.
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.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Ember
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75