Pular para o conteúdo principal

Table

Import​

import { Table } from '@resultadosdigitais/tangram-components'

Properties​

summary 🗑️​

Concerns
🗑️ Deprecated: - `Table` from now on will use the the property `caption` to provide context.
Typestring

Description​

Add a context for table, it's a property for accessibility.

caption 📍​

Concerns
📍 Required
Typestring

Description​

Add a context for table, it's a property for accessibility.

children​

Typeelement | string | array | node
Defaultnull

Description​

Sets the children.

striped​

Typebool
Defaultfalse

Description​

Sets the table as striped mode.

<TableBody />​

Import​

import { TableBody } from '@resultadosdigitais/tangram-components'

Properties​

children​

Typeelement | string | array | node
Defaultnull
Description​

Sets the children.

<TableCell />​

Import​

import { TableCell } from '@resultadosdigitais/tangram-components'

Properties​

as​

Type
Enum of:
  • TableCell.as.td
  • TableCell.as.th
DefaultTableCell.as.td
Description​

Sets the element type to be rendered for this component. By default it will be render a td element.

children​

Typenode
Defaultnull
Description​

Sets the children.

alignment​

Type
Enum of:
  • TableCell.alignments.left
  • TableCell.alignments.right
  • TableCell.alignments.center
DefaultTableCell.alignments.left
Description​

Sets the alignment vertically.

sortDirection​

Type
Enum of:
  • TableCell.sortDirection.ascending
  • TableCell.sortDirection.descending
DefaultTableCell.sortDirection.descending
Description​

Sets the sort type.

sort​

Typebool
Defaultfalse
Description​

Sets if sort is enabled.

kind​

Type
Enum of:
  • TableCell.kinds.checkbox
  • TableCell.kinds.none
DefaultTableCell.kinds.none
Description​

Sets the kind of cell, useful to adjust style for checkbox cell.

<TableFooter />​

Import​

import { TableFooter } from '@resultadosdigitais/tangram-components'

Properties​

children​

Typenode
Defaultnull
Description​

Sets the children.

<TableHead />​

Import​

import { TableHead } from '@resultadosdigitais/tangram-components'

Properties​

children​

Typenode
Description​

Sets the children.

fixed​

Typebool
Defaultfalse
Description​

Sets true to keep the header fixed.

<TableRow />​

Import​

import { TableRow } from '@resultadosdigitais/tangram-components'

Properties​

children​

Typenode
Defaultnull
Description​

Sets the children.

active​

Typebool
Defaultfalse
Description​

Sets if is active.

<TableSortLabel />​

Import​

import { TableSortLabel } from '@resultadosdigitais/tangram-components'

Properties​

active​

Typebool
Defaultfalse
Description​

Sets the column status.

children​

Typenode
Defaultundefined
Description​

Sets the children.

sortDirection​

Type
Enum of:
  • TableSortLabel.sortDirection.ascending
  • TableSortLabel.sortDirection.descending
DefaultTableSortLabel.sortDirection.descending
Description​

Sets the sort direction.

reverse​

Typebool
Defaultfalse
Description​

Changes the icon position. If is true, the icon will render first.

onClick​

Typefunc
Default() => {}
Paramevent React.SyntheticEvent - The event source of the callback.
Description​

Callback fired when is clicked.

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.