betagouv / elm-dsfr / BetaGouv.DSFR.Table

Tableau

table : MandatoryConfig msg header data -> TableConfig msg header data

Crée un tableau

Table.table
    { id = "tableau"
    , caption = text "Utilisateurs"
    , headers = headers
    , rows = rows
    , toHeader = headerToString >> text
    , toRowId = toRowId
    , toCell = toCell
    }
    |> Table.withContainerAttrs [ class "!mb-0" ]
    |> Table.withToRowAttrs
    |> Table.noBorders
    |> Table.captionHidden
    |> Table.fixed
    |> Table.view

view : TableConfig msg header data -> Accessibility.Html msg

Affiche le tableau

Options d'affichage

bordered : TableConfig msg header data -> TableConfig msg header data

captionBottom : TableConfig msg header data -> TableConfig msg header data

captionHidden : TableConfig msg header data -> TableConfig msg header data

captionTop : TableConfig msg header data -> TableConfig msg header data

fixed : TableConfig msg header data -> TableConfig msg header data

noBorders : TableConfig msg header data -> TableConfig msg header data

noScroll : TableConfig msg header data -> TableConfig msg header data

scroll : TableConfig msg header data -> TableConfig msg header data

Configuration des attributs

withContainerAttrs : List (Accessibility.Attribute Basics.Never) -> TableConfig msg header data -> TableConfig msg header data

withTableAttrs : List (Accessibility.Attribute Basics.Never) -> TableConfig msg header data -> TableConfig msg header data

withCaptionAttrs : List (Accessibility.Attribute Basics.Never) -> TableConfig msg header data -> TableConfig msg header data

withTheadAttrs : List (Accessibility.Attribute Basics.Never) -> TableConfig msg header data -> TableConfig msg header data

withTbodyAttrs : List (Accessibility.Attribute Basics.Never) -> TableConfig msg header data -> TableConfig msg header data

withToRowAttrs : (data -> List (Accessibility.Attribute Basics.Never)) -> TableConfig msg header data -> TableConfig msg header data

Type


type alias MandatoryConfig msg header data =
{ id : String
, caption : Accessibility.Html msg
, headers : List header
, rows : List data
, toHeader : header -> Accessibility.Html msg
, toRowId : data -> String
, toCell : header -> data -> Accessibility.Html msg 
}