Table

React API

Table

• caption

  Taulukon otsikko

  Tyyppi: string

• captionAs

  Taulukon otsikkoelementti. Ominaisuus tulee poistumaan. Tee tarvittaessa otsikot (h1-h6) Heading-komponentilla taulukon ulkopuolelle.

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: caption

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• orderKeyLabel

  Järjestetyn sarakkeen järjestyksen kertova teksti, ruudunlukijoille tarkoitettu teksti

  Tyyppi: string

• orderLabel

  Järjestetyn sarakkeen otsikkoteksti, ruudunlukijoille tarkoitettu teksti

  Tyyppi: string

• responsive

  Responsiivinen, sivusuunnassa vieritettävä taulukko

  Tyyppi: boolean

  Oletusarvo: true

• size

  Taulukon koko

  Tyyppi: "sm" | "md"

  Oletusarvo: md

• striped

  Rivien mustavalkoinen korostus

  Tyyppi: boolean

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string

TableHead

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string

TableHeadRow

Ref-prop välitetään komponentin input-elementille.

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• collapseLabel

  Avauspainikkeen saavutettava teksti

  Tyyppi: string

• collapseOnClick

  Avauspainikkeen onClick-funktio

  Tyyppi: () => void

• id

  Valintaruudun id-attribuutti

  Tyyppi: string

• isOpen

  Avauspainikkeen auki / kiinni -tila

  Tyyppi: boolean

• isSelected

  Valintaruudun tila

  Tyyppi: boolean

• ref

  Tyyppi: Ref<HTMLInputElement>

• selectLabel

  Valintaruudun saavutettava nimilappu

  Tyyppi: string

• selectOnChange

  Valintaruudun onChange-funktio

  Tyyppi: () => void

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string

• variantLabel

  Rivin tilan saavutettava teksti

  Tyyppi: string

TableHeader

• align

  Tasaa sisältö vasemmalle / oikealle

  Tyyppi: "numeric" | "textual"

  Oletusarvo: textual

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

  Oletusarvo: "th" as E

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• onClick

  Palstan järjestyspainikkeen onClick-funktio

  Tyyppi: (e: MouseEvent<Element, MouseEvent>) => void

• order

  Palstan järjestys

  Tyyppi: "none" | "ascending" | "descending"

  Oletusarvo: none

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string

TableBody

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string

TableRow

Ref-prop välitetään komponentin input-elementille.

• animate

  Kääntää komponentin animaation päälle/pois

  Tyyppi: boolean

• checkbox

  Rivin valinta valintaruudulla

  Tyyppi: boolean

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• collapseColspan

  Avattavan rivin solun leveys

  Tyyppi: number

• collapseContent

  Avattavan rivin sisältö

  Tyyppi: () => ReactNode

• collapseLabel

  Avattavan rivin saavutettava teksti

  Tyyppi: string

• collapseOnClick

  Avattavan rivin onClick-funktio

  Tyyppi: () => void

• isOpen

  Avattavan rivin auki / kiinni -tila

  Tyyppi: boolean

• isSelected

  Rivin valinnan tila

  Tyyppi: boolean

• isSelectionDisabled

  Määrittää onko rivin valintakentän (checkbox tai radio) valitseminen estetty. Sovelluksen tehtäväksi jää huolehtia siitä, päivitetäänkö valintaa sen ollessa estettynä.

  Tyyppi: boolean

• isSummary

  Yhteenvetorivin ulkoasu

  Tyyppi: boolean

• radio

  Rivin valinta valintapainikkeella

  Tyyppi: boolean

• ref

  Tyyppi: Ref<HTMLInputElement>

• selectLabel

  Rivin valinnan saavutettava nimilappu

  Tyyppi: string

• selectOnChange

  Rivin valinnan onChange-funktio

  Tyyppi: () => void

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string

• tooltipIsPopover

  Käytä hoverilla ja kohdistuksella avautuvan tooltipin sijaan popover-varianttia, joka avautuu klikkauksella. Välitetään korostetun rivin kuvakeelle.

  Tyyppi: boolean

• variant

  Rivin väri / tila (ja kuvake)

  Tyyppi: "primary" | "success" | "warning" | "danger"

• variantLabel

  Rivin tilan saavutettava teksti

  Tyyppi: string

TableCell

• align

  Tasaa sisältö vasemmalle / oikealle

  Tyyppi: "numeric" | "textual"

  Oletusarvo: textual

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

  Oletusarvo: "td" as E

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string