É possível alterar o estilo do componente usando os seguintes tokens (css)
| Propriedade | Descrição | Valor Padrão |
|---|---|---|
--background-color | Cor de background padrão da tabela | var(--color-neutral-light-00) |
--background-color-groupable | Cor de background para quando colunas estão agrupadas | var(--color-neutral-light-05) |
--background-color-headline | Cor de background do cabeçalho | var(--color-neutral-light-10) |
--background-color-hover | Cor de background do cabeçalho no estado hover | var(--color-brand-01-lighter) |
--background-color-selected | Cor de background da linha seleceionda | var(--color-brand-01-lightest) |
--background-striped-color | Cor de background para a linha zebrada | var(--color-neutral-light-05) |
--color | Cor padrão da fonte | var(--color-neutral-dark-95) |
--color-actived | Cor da fonte da linha selecionada | var(--color-neutral-dark-90) |
--color-disabled | Cor da fonte da ação no estado desabilitado | var(--color-neutral-mid-40) |
--color-hover | Cor da fonte do cabeçalho no estado hover | var(--color-action-hover) |
--font-family | Família tipográfica usada | var(--font-family-theme) |
--font-weight-headline | Peso da fonte do cabeçalho da tabela | var(--font-weight-bold) |
--background-color-current-row-actions | Cor da linha ao ativar modo edição ou inclusão | var(--color-brand-01-lightest) |
--background-color-edited | Cor da linha ao ser editada | var(--color-brand-01-lighter) |
--background-color-included | Cor da linha ao ser incluída | var(--color-brand-01-lighter) |
--border-color-current-row-actions | Borda da linha ao ativar modo edição ou inclusão | var(--color-brand-01-lighter) |
--background-color-removed | Cor da linha ao ser removida | var(--color-feedback-negative-lightest) |
Para customização dos tokens do componenete, verifique o guia Customização de cores do tema padrão.
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas