AllenFang/react-bootstrap-table

Performance issue sizePerPageList

Open

#1.241 geöffnet am 20. Apr. 2017

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (795 Forks)batch import
help wanted

Repository-Metriken

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

Beschreibung

I have a table with drop-downs , text-areas,check-box so its taking time to load if the number of rows are more than 1000 rows.

Regarding the issue , if i have number of records 2000 and my sizeperpagelist drop down has values 10,25,100,200,all. When i select All , it takes time to render the table , Will you be able to add a spinner on change of drop-down and keep it untill it rerender. I can write the custom code and add spinner but i am not sure when its get rerendered .

Hope you understood my issue . let me know if you have any questions on it .

Contributor Guide

Research-Richtung
Das Issue fordert die Hinzufügung eines Spinners bei der Änderung der sizePerPageList Dropdown Liste, insbesondere bei Auswahl von 'Alle' mit einer großen Anzahl von Zeilen. Zur Implementierung muss der Rendering Flow der Tabellenkomponente verstanden werden, wahrscheinlich im Code, der Seitenänderungen behandelt. Untersuche die Komponente, die sizePerPage verarbeitet und ein Neu Rendering auslöst. Ein Spinner könnte durch Setzen eines Ladezustands vor dem Update und dessen Löschung nach dem Neu Rendering hinzugefügt werden. Der Maintainer hat nicht geantwortet, daher sind die Akzeptanzkriterien unklar. Überprüfe den Quellcode des Repositorys, insbesondere Dateien im Zusammenhang mit Paginierung und der sizePerPageList Prop.
Tech Stack
javascriptreact
Domain
frontend
Issue Type
Performance
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.
Halber Tag
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.
Meist klar
Voraussetzungen
ReactJavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60