Ir al contenido

pivotick v3.0.0


pivotic / GraphUI / TableColumn

Interfaz: TableColumn<T> ​

Definido en: interfaces/GraphUI.ts:1527

Una columna del muelle de datos.

Una extensión deliberada de FilterFacet: una faceta ya dice cómo leer un valor de un elemento y qué tipo de valor es, que es exactamente lo que una columna necesidades. Entonces declarar UI.filter.facets describe sus datos una vez y el panel de filtro y la mesa está de acuerdo al respecto.

Ejemplo ​

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

Se extiende ​

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

Tipo de parámetros ​

T ​

T extiende Node | Edge = Node

Propiedades ​

accessor()? ​

optional accessor: (element) => unknown

Definido en: interfaces/GraphUI.ts:1532

Cómo leer esta columna de un elemento. El valor predeterminado es element.getData()[key], que es lo que hace que un FilterFacet se pueda utilizar como columna sin cambios.

Parámetros ​

element ​

T

Devoluciones ​

unknown


align? ​

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

Definido en: interfaces/GraphUI.ts:1536

Predeterminado ​

'derecho' para numberRange, 'left' en caso contrario


filterable? ​

optional filterable: boolean

Definido en: interfaces/GraphUI.ts:1552

Asigne a esta columna un control de filtro en su encabezado, escriba su tipo - a Par mínimo/máximo para un numberRange, un menú desplegable de los valores presentes para un select, de lo contrario, un cuadro de subcadena.

Reduce las filas; el lienzo se deja solo a menos que alguien presione el muelle Aplicar al botón gráfico (ver TableOptions.filterGraph), para leer y el filtrado permanece en actos separados.

Predeterminado ​

falso para una columna que usted declara, pero true en todo el derivado conjunto de columnas, que infiere sus filtros a partir de los tipos que ya infirió. declarar columns y obtienes exactamente lo que pediste.


format()? ​

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

Definido en: interfaces/GraphUI.ts:1560

Renderiza la celda. Se inserta una cadena como texto, un HTMLElement como marcado. Ignorado por la exportación, que siempre escribe el valor bruto.

Parámetros ​

value ​

unknown

element ​

T

Devoluciones ​

string | HTMLElement

Predeterminado ​

String(value)


hidden? ​

optional hidden: boolean

Definido en: interfaces/GraphUI.ts:1554

Inicio oculto (aún aparece en el selector de columnas).

Predeterminado ​

ts
false

key ​

key: string

Definido en: interfaces/GraphQueryEngine.ts:73

Filtrar identidad y utilizar la tecla GraphFilters setFilter / getFilters.

Heredado de ​

Pick.key


label? ​

optional label: string

Definido en: interfaces/GraphQueryEngine.ts:78

Etiqueta humana para el control de formulario, utilizada palabra por palabra (para que pueda traducirse). El valor predeterminado es un key embellecido.

Heredado de ​

Pick.label


order? ​

optional order: number

Definido en: interfaces/GraphQueryEngine.ts:99

Orden de visualización en el panel.

Predeterminado ​

ts
declaration order

Heredado de ​

Pick.order


sortable? ​

optional sortable: boolean

Definido en: interfaces/GraphUI.ts:1538

Predeterminado ​

ts
true

type ​

type: FilterFacetType

Definido en: interfaces/GraphQueryEngine.ts:79

Heredado de ​

Pick.type


width? ​

optional width: string | number

Definido en: interfaces/GraphUI.ts:1534

Ancho de columna: un recuento de píxeles o cualquier longitud CSS.

Predeterminado ​

ts
sized from its content