pivotick v3.0.0

---

pivotick / GraphUI / TableColumn

Interface: TableColumn<T>

Défini dans : interfaces/GraphUI.ts:1527

Une colonne du dock de données.

Délibérément une extension de FilterFacet : une facette indique déjà comment lire une valeur sur un élément et de quel type de valeur il s'agit, ce qui est exactement ce dont une colonne a besoin. Ainsi, déclarer UI.filter.facets décrit vos données une fois et le panneau de filtrage et le tableau sont d'accord à ce sujet.

Exemple

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

Prolonge

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

Paramètres de type

T

T étend Node | Edge = Node

Propriétés

accessor()?

optional accessor: (element) => unknown

Défini dans : interfaces/GraphUI.ts:1532

Comment lire cette colonne sur un élément. La valeur par défaut est element.getData()[key], ce qui rend un FilterFacet utilisable comme colonne inchangé.

Paramètres

element

T

Renvoie

unknown

---

align?

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

Défini dans : interfaces/GraphUI.ts:1536

Valeur par défaut

'bon' pour numberRange, 'left' sinon

---

filterable?

optional filterable: boolean

Défini dans : interfaces/GraphUI.ts:1552

Donnez à cette colonne un contrôle de filtre dans son en-tête, tapé son type — une paire Min/Max pour un numberRange, une liste déroulante des valeurs présentes pour un select, une boîte de sous-chaîne sinon.

Cela réduit les lignes ; le canevas est laissé seul à moins que quelqu'un n'appuie sur le bouton Appliquer au graphique du dock (voir TableOptions.filterGraph), donc la lecture et le filtrage restent des actes séparés.

Valeur par défaut

false pour une colonne que vous déclarez - mais true dans tout l'ensemble de colonnes derived, qui déduit ses filtres des types qu'il a déjà déduits. Déclarez columns et vous obtenez exactement ce que vous avez demandé.

---

format()?

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

Défini dans : interfaces/GraphUI.ts:1560

Rendre la cellule. Une chaîne est insérée sous forme de texte, un HTMLElement comme balisage. Ignoré par l'export, qui écrit toujours la valeur brute.

Paramètres

value

unknown

element

T

Renvoie

string | HTMLElement

Valeur par défaut

String(value)

---

hidden?

optional hidden: boolean

Défini dans : interfaces/GraphUI.ts:1554

Commencez masqué (toujours répertorié dans le sélecteur de colonnes).

Valeur par défaut

false

---

key

key: string

Défini dans : interfaces/GraphQueryEngine.ts:73

Filtrer l'identité et utiliser la clé GraphFilters setFilter / getFilters.

Hérité de

Pick.key

---

label?

optional label: string

Défini dans : interfaces/GraphQueryEngine.ts:78

Étiquette humaine pour le contrôle de formulaire, utilisée textuellement (afin qu'elle puisse être traduite). La valeur par défaut est un joli key.

Hérité de

Pick.label

---

order?

optional order: number

Défini dans : interfaces/GraphQueryEngine.ts:99

Ordre d'affichage dans le panneau.

Valeur par défaut

declaration order

Hérité de

Pick.order

---

sortable?

optional sortable: boolean

Défini dans : interfaces/GraphUI.ts:1538

Valeur par défaut

true

---

type

type: FilterFacetType

Défini dans : interfaces/GraphQueryEngine.ts:79

Hérité de

Pick.type

---

width?

optional width: string | number

Défini dans : interfaces/GraphUI.ts:1534

Largeur de colonne : un nombre de pixels ou toute longueur CSS.

Valeur par défaut

sized from its content