Pular para o conteúdo

pivotick v3.0.0


pivotick / GraphUI / TableColumn

Interface: TableColumn<T> ​

Definido em: interfaces/GraphUI.ts:1527

Uma coluna do dock de dados.

Deliberadamente uma extensão de FilterFacet: uma faceta já diz como ler um valor de um elemento e que tipo de valor ele é, que é exatamente o que uma coluna precisa. Portanto, declarar UI.filter.facets descreve seus dados uma vez e o painel de filtros e a tabela concordam com isso.

Exemplo ​

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

Estende ​

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

Parâmetros de tipo ​

T ​

T estende Node | Edge = Node

Propriedades ​

accessor()? ​

optional accessor: (element) => unknown

Definido em: interfaces/GraphUI.ts:1532

Como ler esta coluna de um elemento. O padrão é element.getData()[key], que é o que torna FilterFacet utilizável como uma coluna inalterada.

Parâmetros ​

element ​

T

Retorno ​

unknown


align? ​

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

Definido em: interfaces/GraphUI.ts:1536

Padrão ​

'certo' para numberRange, 'left' caso contrário


filterable? ​

optional filterable: boolean

Definido em: interfaces/GraphUI.ts:1552

Dê a esta coluna um controle de filtro em seu cabeçalho, digitado seu type - um par Min/Max para um numberRange, uma lista suspensa dos valores presentes para um select, caso contrário, uma caixa de substring.

Ele restringe as linhas; a tela é deixada sozinha, a menos que alguém pressione o botão Aplicar ao gráfico do dock (consulte TableOptions.filterGraph), portanto, a leitura e a filtragem permanecem atos separados.

Padrão ​

false para uma coluna que você declara - mas true em todo o conjunto de colunas derived, que infere seus filtros a partir dos tipos já inferidos. Declare columns e você receberá exatamente o que pediu.


format()? ​

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

Definido em: interfaces/GraphUI.ts:1560

Renderize a célula. Uma string é inserida como texto, um HTMLElement como marcação. Ignorado pela exportação, que sempre grava o valor bruto.

Parâmetros ​

value ​

unknown

element ​

T

Retorno ​

string | HTMLElement

Padrão ​

String(value)


hidden? ​

optional hidden: boolean

Definido em: interfaces/GraphUI.ts:1554

Comece oculto (ainda listado no seletor de coluna).

Padrão ​

ts
false

key ​

key: string

Definido em: interfaces/GraphQueryEngine.ts:73

Filtre a identidade e use a chave GraphFilters setFilter / getFilters.

Herdado de ​

Pick.key


label? ​

optional label: string

Definido em: interfaces/GraphQueryEngine.ts:78

Rótulo humano para o controle do formulário, usado literalmente (para que possa ser traduzido). O padrão é um key embelezado.

Herdado de ​

Pick.label


order? ​

optional order: number

Definido em: interfaces/GraphQueryEngine.ts:99

Ordem de exibição no painel.

Padrão ​

ts
declaration order

Herdado de ​

Pick.order


sortable? ​

optional sortable: boolean

Definido em: interfaces/GraphUI.ts:1538

Padrão ​

ts
true

type ​

type: FilterFacetType

Definido em: interfaces/GraphQueryEngine.ts:79

Herdado de ​

Pick.type


width? ​

optional width: string | number

Definido em: interfaces/GraphUI.ts:1534

Largura da coluna — uma contagem de pixels ou qualquer comprimento CSS.

Padrão ​

ts
sized from its content