Zum Hauptinhalt springen

MultiTableOptions

MultiTableOptions = object

Properties​

rows?​

optional rows: MultiTableRows

(Optional) Array mit den Zeilen

columns?​

optional columns: MultiTableColumns

(Optional) Spaltendefinition Wird keine Spaltendefinition angegeben, werden diese aus den Zeilen generiert.

select?​

optional select: boolean

(Optional) Aktiviert die Auswahlmöglichkeit

Default​

true

multiSelect?​

optional multiSelect: boolean

(Optional) Aktiviert die Multiauswahl

Default​

false

multiSelectBehavior?​

optional multiSelectBehavior: "" | "filter" | "paged"

Wie soll die Checkbox Alle markieren verhalten? : Leer - Alle Zeilen werden markiert filter: Es werden alle gefilterten Zeilen markiert paged: Es wird nur die aktuelle Seite markiert

allowEdit?​

optional allowEdit: AttributeCallbackHandler<boolean>

(Optional) Aktiviert den Editiermodus im Bearbeitungsmodus.

Default​

false

allowDelete?​

optional allowDelete: AttributeCallbackHandler<boolean>

(Optional) Löschen von Zeilen im Bearbeitungsmodus erlauben. Standardmäßig ist diese Einstellung auf true

Default​

true

allowInsert?​

optional allowInsert: AttributeCallbackHandler<boolean>

(Optional) Einfügen von Zeilen im Bearbeitungsmodus erlauben. Standardmäßig ist diese Einstellung auf true

Default​

true

striped?​

optional striped: boolean

(Optional) Tabelle im Zebra-Look

Default​

true

border?​

optional border: boolean

(Optional) Tabelle umrahmen

Default​

true

bordered?​

optional bordered: boolean

(Optional) Tabellenzellen umrahmen

Default​

true

hover?​

optional hover: boolean

(Optional) Zeile hervorheben wenn Maus darüber bewegt wird

Default​

true

sticky?​

optional sticky: boolean

(Optional) Spaltenüberschrift und Option fixieren

Default​

false

emptyMessage?​

optional emptyMessage: string

(Optional) Meldung wenn keine Daten vorhanden

Default​

"Es wurden keine Treffer gefunden."

pageSize?​

optional pageSize: number

(Optional) Anzahl Einträge pro Seite

pageSizes?​

optional pageSizes: number[]

(Optional) Auswahlmöglichkeiten der Anzahl Seiten

Default​

[10, 25, 50, 100]

sortBy?​

optional sortBy: string

(Optional) Sortierspalte-Index

sortAscending?​

optional sortAscending: boolean

(Optional) Sortierung aufsteigend

filter?​

optional filter: FilterCallbackHandler

(Optional) Vordefinierter Filter

showOptions?​

optional showOptions: boolean

(Optional) Kopfzeile mit Filter und Seitenauswahl anzeigen?

Default​

true

showHeader?​

optional showHeader: boolean

(Optional) Spaltenüberschrift anzeigen

Default​

true

showFooter?​

optional showFooter: boolean

(Optional) Fusszeileninformationen anzeigen (Seitenanzahl, Auswahl)

Default​

true

showPagination?​

optional showPagination: boolean

(Optional) Seitennavigation aktivieren?

Default​

true

removeButtonFocusable?​

optional removeButtonFocusable: boolean

(Optional) Soll der Löschen-Button über die Tab-Navigation erreichbar sein?

Default​

false

insertMode?​

optional insertMode: "auto" | "manual"

(Optional) Wie soll sich die Eingabemaske bei Eingaben verhalten?

  • auto: Eine neue Zeile wird sofort hinzugefügt, sobald eine Eingabe getätigt worden ist.
  • manual: Eingabezeile mit Einfügebutton

showEmptyTable?​

optional showEmptyTable: boolean

(Optional) Soll die Tabelle angezeigt werden, auch wenn keine Daten vorhanden sind? Standardmäßig wird eine Meldung angezeigt (siehe Option emptyMessage)

Default​

false

See​

emptyMessage

rowStyle?​

optional rowStyle: AttributeCallbackWithRowHandler<string>

(Optional) Zeilen Styling

Examples​

rowStyle: "color: #f00"
rowStyle: function(options) { return "color: #f00" }

html?​

optional html: HtmlSections

(Optional) Benutzerdefiniertes HTML.

Example​

html: {
     header: (options) => "<div>Anzahl Zeilen: " + options.rows.length + "</div>"
}

beforeDelete?​

optional beforeDelete: BeforeDeleteHandler | null

(Optional) Callback bevor selektierten Zeilen gelöscht werden

Example​

beforeDelete: function (options) {
  const message =
      options.selectedRows.length === options.rows.length
          ? "Möchten Sie alle Zeilen löschen?"
          : "Möchten Sie die " + options.selectedRows.length + " Zeilen löschen?";

  documentsContext.openConfirmationDialog("Löschen bestätigen", message, options.deleteSelectedRows);
}

selectAll?​

optional selectAll: boolean

(Optional) Selektiert alle Zeilen.

Achtung, diese Option funktioniert nur wenn select: true ist

Default​

false

height?​

optional height: string | number

(Optional) Maximale Höhe des Gadgets

Description​

Only for MultiTableReact

Example​

height: "200px"

virtualization?​

optional virtualization: boolean

ALPHA: Nicht bereit für Einsatz in Produktion (Optional) Performantes Anzeigen der Tabelle bei vielen Zeilen

Description​

Only for MultiTableReact

Default​

false

fullscreen?​

optional fullscreen: boolean

(Optional) Aktiviert den Fullscreen-Modus Button

Description​

Only for MultiTableReact

Default​

false

additionalParams?​

optional additionalParams: Record<string, unknown>

(Optional) Zusätzliche Parameter, die an die Komponente übergeben werden sollen.

Description​

Only for MultiTableReact

Example​

additionalParams: {
     someParam: "someValue"
}

rowFilter?​

optional rowFilter: RowFilterCallbackHandler | null

(Optional) Callback, das für jede Zeile aufgerufen wird, um zu ermitteln, ob die Zeile angezeigt werden soll oder nicht.

Example​

rowFilter: (options) => options.row.amount > 100