avo-hq/avo

Add option to make table headers on index view sticky

Aperta

#1116 aperta il 1 ago 2022

Vedi su GitHubGuida contributor
 (10 commenti) (0 reazioni) (0 assegnatari)Ruby (308 fork)user submission
Avo 2Avo 3Front endHelp wantedhacktoberfest

Metriche repository

Star
 (1778 stelle)
Metriche merge PR
 (Merge medio 1g 6h) (67 PR mergiate in 30 g)

Descrizione

Feature

Add option to make table headers on index view sticky. If we have many rows on the index table, after scrolling down the header becomes hidden, and although it's not crucial, it would be a nice UX improvement to be able to see the column names.

Current workarounds

None

Screenshots

image

Additional context

Initially, I thought this would be as simple as adding position: sticky to the table header, but it's not enough, because the whole table is inside a div with overflow-auto, and that doesn't play nicely with sticky. This article explains this problem well.

Any ideas on how best to implement this?

Guida contributor

Direzione di ricerca
Indaga la struttura DOM della vista indice, in particolare la tabella e il suo div padre con overflow auto. Sperimenta con l'applicazione di position: sticky all'intestazione della tabella e la regolazione delle proprietà di overflow, considerando l'interazione tra i contenitori sticky e overflow. Cerca classi CSS esistenti o JavaScript che potrebbero necessitare di modifiche.
Tech stack
rubyrailsjavascriptcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitRuby on RailsCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
50