Wie macht man flexible Zeilenhöhe in FixedDataTable von Facebook?

Question

Das ist es. Ich habe viele Daten und kann nicht wissen, welche Höhe ich verwenden soll. Gibt es trotzdem eine Höhe flexibel zu machen? Ich habe von RowHeightGetter gehört, aber ich weiß nicht, wie man es benutzt. Kannst du mir ein Beispiel geben? Danke

Answer 1

Setzen Sie Ihre rowHeight als normal, sondern auch eine rowHeightGetter. Im Folgenden finden Sie ein Beispiel für das Festlegen der Zeilenhöhe als Funktion der Länge einiger Arrays in unserer Zeile. Ein anderes Beispiel wäre die Länge eines Strings, um die Zeilenhöhe festzulegen.

<ResponsiveFixedDataTable 
    headerHeight={50} 
    rowsCount={data.length} 
    rowHeight={66} 
    rowHeightGetter={(rowIndex) => Math.max(66, data[rowIndex][2].length * 22)} 
>