Table

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

  Utility-luokat 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

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

TableHead

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• testId

  Tyyppi: string

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

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

TableHeadRow

Ref-prop välitetään komponentin input-elementille (valintaruutu).

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat 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

• 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

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

• 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

  Utility-luokat 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

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

TableBody

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• testId

  Tyyppi: string

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

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

TableRow

Ref-prop välitetään komponentin input-elementille (valintaruutu tai -painike).

• animate

  Tyyppi: boolean

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

• checkbox

  Tyyppi: boolean

  Oletusarvo: false

  Rivin valinta valintaruudulla

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat 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

• id

  Tyyppi: string

  Avattavan / valittavan rivin id-attribuurtti

• isOpen

  Tyyppi: boolean

  Avattavan rivin auki / kiinni -tila

• isSelected

  Tyyppi: boolean

  Rivin valinnan tila

• isSelectionDisabled

  Tyyppi: boolean

  Oletusarvo: false

  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

  Oletusarvo: false

  Rivin valinta valintapainikkeella

• 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

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

• 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

  Utility-luokat ulkoasun muokkaamiseen

• testId

  Tyyppi: string

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

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.