palantir/blueprint

[Table] Auto-size column widths based on cell contents and a maximum width

Open

#1.863 geöffnet am 4. Dez. 2017

Auf GitHub ansehen
 (10 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (20.263 Stars) (2.167 Forks)batch import
Package: tableType: feature requesthelp wanted

Beschreibung

Currently you have to manually set the sizes of each column, but we've had requests for the columns to auto-size based on their contents.

It'd be fine if this were a instance method function like the resize rows functions: http://blueprintjs.com/docs/#table-js.instance-methods.

It could either by a getColumnWidths function, or a autoSetColumnWidths(maxSize).

Contributor Guide

Tech Stack
typescriptreact
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
ReactTypeScriptBlueprint Table API
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
40
Research-Richtung
Review the existing resize rows functions in the Table component under /packages/table/src/. Understand the pattern used for those methods, then design a similar auto sizing method that calculates column widths based on cell content, respecting a maximum width parameter. Consider performance and test with sample data.