Framework
Version
Enterprise

Erweiternde APIs

Zustand

Der Erweiterungsstatus wird in der Tabelle mit der folgenden Struktur gespeichert

tsx
export type ExpandedState = true | Record<string, boolean>

export type ExpandedTableState = {
  expanded: ExpandedState
}
export type ExpandedState = true | Record<string, boolean>

export type ExpandedTableState = {
  expanded: ExpandedState
}

Zeilen-API

toggleExpanded

tsx
toggleExpanded: (expanded?: boolean) => void
toggleExpanded: (expanded?: boolean) => void

Schaltet den Erweiterungsstatus der Zeile um (oder setzt ihn, falls expanded angegeben ist).

getIsExpanded

tsx
getIsExpanded: () => boolean
getIsExpanded: () => boolean

Gibt zurück, ob die Zeile erweitert ist.

getIsAllParentsExpanded

tsx
getIsAllParentsExpanded: () => boolean
getIsAllParentsExpanded: () => boolean

Gibt zurück, ob alle übergeordneten Zeilen der Zeile erweitert sind.

getCanExpand

tsx
getCanExpand: () => boolean
getCanExpand: () => boolean

Gibt zurück, ob die Zeile erweitert werden kann.

getToggleExpandedHandler

tsx
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.

Tabellenoptionen

manualExpanding

tsx
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

tsx
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

tsx
autoResetExpanded?: boolean
autoResetExpanded?: boolean

Aktivieren Sie diese Einstellung, um den erweiterten Zustand der Tabelle automatisch zurückzusetzen, wenn sich der erweiterte Zustand ändert.

enableExpanding

tsx
enableExpanding?: boolean
enableExpanding?: boolean

Aktiviert/deaktiviert die Erweiterung für alle Zeilen.

getExpandedRowModel

tsx
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

tsx
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

tsx
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

tsx
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).

Tabellen-API

setExpanded

tsx
setExpanded: (updater: Updater<ExpandedState>) => void
setExpanded: (updater: Updater<ExpandedState>) => void

Aktualisiert den erweiterten Zustand der Tabelle über eine Update-Funktion oder einen Wert

toggleAllRowsExpanded

tsx
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

tsx
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

tsx
getCanSomeRowsExpand: () => boolean
getCanSomeRowsExpand: () => boolean

Gibt zurück, ob es Zeilen gibt, die erweitert werden können.

getToggleAllRowsExpandedHandler

tsx
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

tsx
getIsSomeRowsExpanded: () => boolean
getIsSomeRowsExpanded: () => boolean

Gibt zurück, ob es derzeit erweiterte Zeilen gibt.

getIsAllRowsExpanded

tsx
getIsAllRowsExpanded: () => boolean
getIsAllRowsExpanded: () => boolean

Gibt zurück, ob alle Zeilen derzeit erweitert sind.

getExpandedDepth

tsx
getExpandedDepth: () => number
getExpandedDepth: () => number

Gibt die maximale Tiefe der erweiterten Zeilen zurück.

getExpandedRowModel

tsx
getExpandedRowModel: () => RowModel<TData>
getExpandedRowModel: () => RowModel<TData>

Gibt das Zeilenmodell zurück, nachdem die Erweiterung angewendet wurde.

getPreExpandedRowModel

tsx
getPreExpandedRowModel: () => RowModel<TData>
getPreExpandedRowModel: () => RowModel<TData>

Gibt das Zeilenmodell zurück, bevor die Erweiterung angewendet wurde.

Unsere Partner
Code Rabbit
AG Grid
Bytes abonnieren

Ihre wöchentliche Dosis JavaScript-Nachrichten. Jeden Montag kostenlos an über 100.000 Entwickler geliefert.

Bytes

Kein Spam. Jederzeit kündbar.

Bytes abonnieren

Ihre wöchentliche Dosis JavaScript-Nachrichten. Jeden Montag kostenlos an über 100.000 Entwickler geliefert.

Bytes

Kein Spam. Jederzeit kündbar.