Nri.Ui.Table.V5

Upgrading from V4:

The columns take an additional cellStyles property that allow you to specify additional styles such as cell background color or text alignment.

type Column data msg

Closed representation of how to render the header and cells of a column in the table

custom :

{ header : Html msg

, view : data -> Html msg

, width : LengthOrAuto compatible

, cellStyles : data -> List Style

}

-> Column data msg

A column that renders however you want it to

string :

{ header : String

, value : data -> String

, width : LengthOrAuto compatible

, cellStyles : data -> List Style

}

-> Column data msg

A column that renders some aspect of a value as text

view : List (Column data msg) -> List data -> Html msg

Displays a table of data based on the provided column definitions

viewWithoutHeader : List (Column data msg) -> List data -> Html msg

Displays a table of data without a header row

viewLoading : List (Column data msg) -> Html msg

Display a table with the given columns but instead of data, show blocked out text with an interesting animation. This view lets the user know that data is on its way and what it will look like when it arrives.

viewLoadingWithoutHeader : List (Column data msg) -> Html msg

Display the loading table without a header row

NoRedInk/noredink-ui/12.22.0

Nri.Ui.Table.V5

Modules