toggleExpandedgetIsExpandedgetIsAllParentsExpandedgetCanExpandgetToggleExpandedHandlermanualExpandingonExpandedChangeautoResetExpandedenableExpandinggetExpandedRowModelgetIsRowExpandedgetRowCanExpandpaginateExpandedRowssetExpandedtoggleAllRowsExpandedresetExpandedgetCanSomeRowsExpandgetToggleAllRowsExpandedHandlergetIsSomeRowsExpandedgetIsAllRowsExpandedgetExpandedDepthgetExpandedRowModelgetPreExpandedRowModelDer Erweiterungsstatus wird in der Tabelle mit der folgenden Struktur gespeichert
export type ExpandedState = true | Record<string, boolean>
export type ExpandedTableState = {
expanded: ExpandedState
}
export type ExpandedState = true | Record<string, boolean>
export type ExpandedTableState = {
expanded: ExpandedState
}
toggleExpanded: (expanded?: boolean) => void
toggleExpanded: (expanded?: boolean) => void
Schaltet den Erweiterungsstatus der Zeile um (oder setzt ihn, falls expanded angegeben ist).
getIsExpanded: () => boolean
getIsExpanded: () => boolean
Gibt zurück, ob die Zeile erweitert ist.
getIsAllParentsExpanded: () => boolean
getIsAllParentsExpanded: () => boolean
Gibt zurück, ob alle übergeordneten Zeilen der Zeile erweitert sind.
getCanExpand: () => boolean
getCanExpand: () => boolean
Gibt zurück, ob die Zeile erweitert werden kann.
getToggleExpandedHandler: () => () => void
getToggleExpandedHandler: () => () => void
Gibt eine Funktion zurück, die verwendet werden kann, um den Erweiterungsstatus der Zeile umzuschalten. Diese Funktion kann verwendet werden, um sie an einen Ereignisbehandler eines Buttons zu binden.
manualExpanding?: boolean
manualExpanding?: boolean
Aktiviert die manuelle Zeilenerweiterung. Wenn dies auf true gesetzt ist, wird getExpandedRowModel nicht zum Erweitern von Zeilen verwendet, und Sie sind dafür verantwortlich, die Erweiterung in Ihrem eigenen Datenmodell durchzuführen. Dies ist nützlich, wenn Sie serverseitige Erweiterungen durchführen.
onExpandedChange?: OnChangeFn<ExpandedState>
onExpandedChange?: OnChangeFn<ExpandedState>
Diese Funktion wird aufgerufen, wenn sich der expanded Zustand der Tabelle ändert. Wenn eine Funktion bereitgestellt wird, sind Sie für die Verwaltung dieses Zustands selbst verantwortlich. Um den verwalteten Zustand zurück an die Tabelle zu übergeben, verwenden Sie die Option tableOptions.state.expanded.
autoResetExpanded?: boolean
autoResetExpanded?: boolean
Aktivieren Sie diese Einstellung, um den erweiterten Zustand der Tabelle automatisch zurückzusetzen, wenn sich der erweiterte Zustand ändert.
enableExpanding?: boolean
enableExpanding?: boolean
Aktiviert/deaktiviert die Erweiterung für alle Zeilen.
getExpandedRowModel?: (table: Table<TData>) => () => RowModel<TData>
getExpandedRowModel?: (table: Table<TData>) => () => RowModel<TData>
Diese Funktion ist dafür verantwortlich, das erweiterte Zeilenmodell zurückzugeben. Wenn diese Funktion nicht bereitgestellt wird, werden die Zeilen nicht erweitert. Sie können die standardmäßig exportierte Funktion getExpandedRowModel verwenden, um das erweiterte Zeilenmodell zu erhalten, oder Sie implementieren Ihr eigenes.
getIsRowExpanded?: (row: Row<TData>) => boolean
getIsRowExpanded?: (row: Row<TData>) => boolean
Wenn bereitgestellt, ermöglicht es Ihnen, das Standardverhalten beim Bestimmen, ob eine Zeile gerade erweitert ist, zu überschreiben.
getRowCanExpand?: (row: Row<TData>) => boolean
getRowCanExpand?: (row: Row<TData>) => boolean
Wenn bereitgestellt, ermöglicht es Ihnen, das Standardverhalten beim Bestimmen, ob eine Zeile erweitert werden kann, zu überschreiben.
paginateExpandedRows?: boolean
paginateExpandedRows?: boolean
Wenn true, werden erweiterte Zeilen zusammen mit dem Rest der Tabelle paginiert (was bedeutet, dass erweiterte Zeilen mehrere Seiten umspannen können).
Wenn false, werden erweiterte Zeilen nicht für die Paginierung berücksichtigt (was bedeutet, dass erweiterte Zeilen immer auf der Seite ihres Elternteils gerendert werden. Dies bedeutet auch, dass mehr Zeilen gerendert werden als die eingestellte Seitengröße).
setExpanded: (updater: Updater<ExpandedState>) => void
setExpanded: (updater: Updater<ExpandedState>) => void
Aktualisiert den erweiterten Zustand der Tabelle über eine Update-Funktion oder einen Wert
toggleAllRowsExpanded: (expanded?: boolean) => void
toggleAllRowsExpanded: (expanded?: boolean) => void
Schaltet den erweiterten Zustand für alle Zeilen um. Optional kann ein Wert angegeben werden, um den erweiterten Zustand festzulegen.
resetExpanded: (defaultState?: boolean) => void
resetExpanded: (defaultState?: boolean) => void
Setzt den erweiterten Zustand der Tabelle auf den Anfangszustand zurück. Wenn defaultState angegeben ist, wird der erweiterte Zustand auf {} zurückgesetzt.
getCanSomeRowsExpand: () => boolean
getCanSomeRowsExpand: () => boolean
Gibt zurück, ob es Zeilen gibt, die erweitert werden können.
getToggleAllRowsExpandedHandler: () => (event: unknown) => void
getToggleAllRowsExpandedHandler: () => (event: unknown) => void
Gibt einen Handler zurück, der verwendet werden kann, um den erweiterten Zustand aller Zeilen umzuschalten. Dieser Handler ist für die Verwendung mit einem input[type=checkbox] Element gedacht.
getIsSomeRowsExpanded: () => boolean
getIsSomeRowsExpanded: () => boolean
Gibt zurück, ob es derzeit erweiterte Zeilen gibt.
getIsAllRowsExpanded: () => boolean
getIsAllRowsExpanded: () => boolean
Gibt zurück, ob alle Zeilen derzeit erweitert sind.
getExpandedDepth: () => number
getExpandedDepth: () => number
Gibt die maximale Tiefe der erweiterten Zeilen zurück.
getExpandedRowModel: () => RowModel<TData>
getExpandedRowModel: () => RowModel<TData>
Gibt das Zeilenmodell zurück, nachdem die Erweiterung angewendet wurde.
getPreExpandedRowModel: () => RowModel<TData>
getPreExpandedRowModel: () => RowModel<TData>
Gibt das Zeilenmodell zurück, bevor die Erweiterung angewendet wurde.
Ihre wöchentliche Dosis JavaScript-Nachrichten. Jeden Montag kostenlos an über 100.000 Entwickler geliefert.