angular-ui/ui-grid

Incorrect header height with filters and pinning

Open

#6.979 geöffnet am 15. Mai 2019

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (2.496 Forks)batch import
grid-corehelp wanted

Repository-Metriken

Stars
 (5.395 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Hi all,

The header height is incorrectly computed when:

  • Pinning more than one column left
  • Disabling the filters on all the other columns

image

If pinning only one column left, the behaviour is as expected.

For a year now I have hacked into the CSS classes to set the unfiltered headers height manually, however for reasons unknown to me it now fails on Chrome from time to time.

As much as I could track the differences between what is working and not, the ui-grid-header-canvas class sometimes get set to a fixed height of 29px instead of inherit, which causes the difference. But I couldn't find a way to force it there as the classes are generated.

Reproduced on versions 4.4.11 and 4.7.1

Here's a plunker: http://plnkr.co/edit/gkfdQAjGn1w81EWaIzX8?p=preview

Any help (or even better workaround) appreciated.

Contributor Guide

Research-Richtung
Reproduzieren Sie das Problem mit dem bereitgestellten Plunker. Überprüfen Sie die CSS Klassen 'ui grid header canvas' und die JavaScript Logik zur Berechnung der Kopfhöhen. Konzentrieren Sie sich auf die Interaktion zwischen Spaltenfixierung und Filter Sichtbarkeit. Verfolgen Sie den Code, der feste Höhenwerte setzt, und ermitteln Sie, warum er 29px anstelle von inherit wird.
Tech Stack
javascriptangularcss
Domain
frontend
Issue Type
Fehler
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.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSAngularGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75