Table

React API

Table

• caption

  Tyyppi: string

  Taulukon otsikko

• captionAs

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: caption

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

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• orderKeyLabel

  Tyyppi: string

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

• orderLabel

  Tyyppi: string

  Järjestetyn sarakkeen otsikkoteksti, ruudunlukijoille tarkoitettu teksti

• responsive

  Tyyppi: boolean

  Oletusarvo: true

  Responsiivinen, sivusuunnassa vieritettävä taulukko

• size

  Tyyppi: "sm" | "md"

  Oletusarvo: md

  Taulukon koko

• striped

  Tyyppi: boolean

  Rivien mustavalkoinen korostus

• testId

  Tyyppi: string

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

TableHead

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• testId

  Tyyppi: string

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

TableHeadRow

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

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• collapseLabel

  Tyyppi: string

  Avauspainikkeen saavutettava teksti

• collapseOnClick

  Tyyppi: () => void

  Avauspainikkeen onClick-funktio

• id

  Tyyppi: string

  Valintaruudun id-attribuutti

• isOpen

  Tyyppi: boolean

  Avauspainikkeen auki / kiinni -tila

• isSelected

  Tyyppi: boolean

  Valintaruudun tila

• ref

  Tyyppi: Ref<HTMLInputElement>

• selectLabel

  Tyyppi: string

  Valintaruudun saavutettava nimilappu

• selectOnChange

  Tyyppi: () => void

  Valintaruudun onChange-funktio

• testId

  Tyyppi: string

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

• variantLabel

  Tyyppi: string

  Rivin tilan saavutettava teksti

TableHeader

• align

  Tyyppi: "numeric" | "textual"

  Oletusarvo: textual

  Tasaa sisältö vasemmalle / oikealle

• as

  Tyyppi: ElementType

  Oletusarvo: "th" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• onClick

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

  Palstan järjestyspainikkeen onClick-funktio

• order

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

  Oletusarvo: none

  Palstan järjestys

• testId

  Tyyppi: string

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

TableBody

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• testId

  Tyyppi: string

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

TableRow

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

• animate

  Tyyppi: boolean

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

• checkbox

  Tyyppi: boolean

  Rivin valinta valintaruudulla

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• collapseColspan

  Tyyppi: number

  Avattavan rivin solun leveys

• collapseContent

  Tyyppi: () => ReactNode

  Avattavan rivin sisältö

• collapseLabel

  Tyyppi: string

  Avattavan rivin saavutettava teksti

• collapseOnClick

  Tyyppi: () => void

  Avattavan rivin onClick-funktio

• isOpen

  Tyyppi: boolean

  Avattavan rivin auki / kiinni -tila

• isSelected

  Tyyppi: boolean

  Rivin valinnan tila

• isSelectionDisabled

  Tyyppi: boolean

  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ä.

• isSummary

  Tyyppi: boolean

  Yhteenvetorivin ulkoasu

• radio

  Tyyppi: boolean

  Rivin valinta valintapainikkeella

• ref

  Tyyppi: Ref<HTMLInputElement>

• selectLabel

  Tyyppi: string

  Rivin valinnan saavutettava nimilappu

• selectOnChange

  Tyyppi: () => void

  Rivin valinnan onChange-funktio

• testId

  Tyyppi: string

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

• tooltipIsPopover

  Tyyppi: boolean

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

• variant

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

  Rivin väri / tila (ja kuvake)

• variantLabel

  Tyyppi: string

  Rivin tilan saavutettava teksti

TableCell

• align

  Tyyppi: "numeric" | "textual"

  Oletusarvo: textual

  Tasaa sisältö vasemmalle / oikealle

• as

  Tyyppi: ElementType

  Oletusarvo: "td" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• testId

  Tyyppi: string

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