react-component / react-component/table

Table sticky header becomes invisible after data populating

Aperta
#607 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Lingua principale
TypeScript
Stelle
1.4k
Fork
618
Merge medio
10h 19m
PR unite (30g)
2

Descrizione

I've met very unpleasant problem. I have a list of data with pagination. So i use infinity scroll library for data updating. The problem is when i set header sticky Table property to true - it starts flickering when the new data is arrived. I was really interesting in what is really going on here and started to explore html tree. So then i've figured out that the header obtains property visibility: hidden and the colgroup with columns sizes becomes empty after getting new data. If I am trying to load one more bunch of data, header becomes visible and colgroup gets its elements. Could anyone please explain me what the hell is going on?

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia riproducendo il problema con un’intestazione di tabella sticky, dati paginati e il comportamento di aggiornamento di infinite scroll segnalato. Ispeziona l’intestazione renderizzata della tabella e colgroup durante il caricamento dei dati; il lavoro è completato quando l’intestazione rimane visibile e il dimensionamento delle colonne continua a essere valorizzato dopo ogni aggiornamento.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.