react-virtualized List-Komponente Höhe der letzten Zeile erweitern

Question

Ich habe eine List-Komponente von react-virtualed, wo ich die Höhe Stütze verwende, um seine Zeilenhöhe einzustellen. Die horizontale Bildlaufleiste überschneidet sich jedoch mit der letzten Zeile, sodass der Textinhalt der letzten Zeile schwer zu erkennen ist. Gibt es eine Möglichkeit, die Höhe der letzten Zeile zu erhöhen, damit sich die horizontale Bildlaufleiste nicht mit dem Text überschneidet. Wenn Sie dies dynamisch im Code tun, werden Sie verwirrt, wenn Sie mit einer dynamischen Liste arbeiten, die in Echtzeit wächst. Ich habe versucht, den Last-Kind-Selektor zu verwenden, hatte aber keinen Erfolg. Jeder Einblick würde geschätzt werden.

Answer 1

Die reaktiv-virtualisierte Komponente Grid berücksichtigt horizontale und vertikale Bildlaufleistengröße, um dieses Problem zu vermeiden. (Sie können dies auf der Grid demo page sehen.) Es wird jedoch erwartet, dass die List Komponente nicht horizontal scrollen wird, so dass es nur für die vertikale Bildlaufleiste Größe berücksichtigt.

Wenn Ihre Benutzeroberfläche waagerecht scrollen muss, können Sie mit einer 1-Spalte Grid möglicherweise mehr Glück haben.