Zum Inhalt springen

pivotick v3.0.0


Pivotick / GraphUI / TableColumn

Interface: TableColumn<T> ​

Definiert in: interfaces/GraphUI.ts:1527

Eine Spalte des Datendocks.

Bewusst eine Erweiterung von FilterFacet: Eine Facette sagt bereits, wie ein Wert aus einem Element abzulesen ist und um welche Art von Wert es sich handelt, was genau das ist, was eine Spalte benötigt. Wenn Sie also UI.filter.facets deklarieren, werden Ihre Daten einmal beschrieben, und das Filterfeld und die Tabelle stimmen darüber überein.

Beispiel ​

js
{ key: 'severity', label: 'Severity', type: 'numberRange', align: 'right', filterable: true }

Erweitert ​

  • Pick<FilterFacet, "key" | "label" | "type" | "order">

Typparameter ​

T ​

T erweitert Node | Edge = Node

Eigenschaften ​

accessor()? ​

optional accessor: (element) => unknown

Definiert in: interfaces/GraphUI.ts:1532

So lesen Sie diese Spalte aus einem Element heraus. Der Standardwert ist element.getData()[key], wodurch ein FilterFacet unverändert als Spalte verwendbar ist.

Parameter ​

element ​

T

Rückgabewert ​

unknown


align? ​

optional align: "center" | "right" | "left"

Definiert in: interfaces/GraphUI.ts:1536

Standardwert ​

'richtig' für numberRange, andernfalls 'left'


filterable? ​

optional filterable: boolean

Definiert in: interfaces/GraphUI.ts:1552

Geben Sie dieser Spalte in ihrer Kopfzeile ein Filtersteuerelement, das aus ihrem Typ getippt ist – ein Min/Max-Paar für numberRange, ein Dropdown-Menü der vorhandenen Werte für select, andernfalls ein Teilzeichenfolgenfeld.

Es schmälert die Zeilen; Die Arbeitsfläche bleibt in Ruhe, es sei denn, jemand drückt die Schaltfläche Auf Diagramm anwenden des Docks (siehe TableOptions.filterGraph), sodass Lesen und Filtern getrennte Vorgänge bleiben.

Standardwert ​

false für eine von Ihnen deklarierte Spalte – aber true im gesamten derived-Spaltensatz, der seine Filter aus den bereits abgeleiteten Typen ableitet. Deklarieren Sie columns und Sie erhalten genau das, wonach Sie gefragt haben.


format()? ​

optional format: (value, element) => string | HTMLElement

Definiert in: interfaces/GraphUI.ts:1560

Rendern Sie die Zelle. Als Text wird ein String eingefügt, als Markup ein HTMLElement. Wird vom Export ignoriert, der immer den Rohwert schreibt.

Parameter ​

value ​

unknown

element ​

T

Rückgabewert ​

string | HTMLElement

Standardwert ​

String(value)


hidden? ​

optional hidden: boolean

Definiert in: interfaces/GraphUI.ts:1554

Ausgeblendet starten (immer noch in der Spaltenauswahl aufgeführt).

Standardwert ​

ts
false

key ​

key: string

Definiert in: interfaces/GraphQueryEngine.ts:73

Identität filtern und die Taste GraphFilters setFilter / getFilters verwenden.

Geerbt von ​

Pick.key


label? ​

optional label: string

Definiert in: interfaces/GraphQueryEngine.ts:78

Menschliche Bezeichnung für das Formularsteuerelement, wörtlich verwendet (damit es übersetzt werden kann). Standardmäßig ist ein verschönerter Wert key.

Geerbt von ​

Pick.label


order? ​

optional order: number

Definiert in: interfaces/GraphQueryEngine.ts:99

Anzeigereihenfolge im Panel.

Standardwert ​

ts
declaration order

Geerbt von ​

Pick.order


sortable? ​

optional sortable: boolean

Definiert in: interfaces/GraphUI.ts:1538

Standardwert ​

ts
true

type ​

type: FilterFacetType

Definiert in: interfaces/GraphQueryEngine.ts:79

Geerbt von ​

Pick.type


width? ​

optional width: string | number

Definiert in: interfaces/GraphUI.ts:1534

Spaltenbreite – eine Pixelanzahl oder eine beliebige Länge von CSS.

Standardwert ​

ts
sized from its content