Sortable Table
The source code of this page is available at
TableExample.elm
.
Data
{
    "id-1": {
        "id": "id-1",
        "name": "Rakuten",
        "color": "rgba(175.95, 0, 0, 1)",
        "isAccordionExpanded": false
    },
    "id-2": {
        "id": "id-2",
        "name": "Membership - Portal",
        "color": "rgba(255, 51, 102, 1)",
        "isAccordionExpanded": false
    },
    "id-3": {
        "id": "id-3",
        "name": "Rakuten Mobile",
        "color": "rgba(249.9, 0, 140.25, 1)",
        "isAccordionExpanded": false
    }
}
Table simple
Id
Name
Color
id-1
Rakuten
#ff00ff
id-2
Membership - Portal
#ff00ff
id-3
Rakuten Mobile
#ff00ff
tableWithPaginationAndFilters and custom column
Toggle loading state
Name label
Color label
Id
Name
Color
id-1
Rakuten
#ff00ff
id-2
Membership - Portal
#ff00ff
id-3
Rakuten Mobile
#ff00ff
Rows per page
tableWithAccordion
Id
Name
Color
#ff00ff
id-1
Rakuten
#ff00ff
Icon arrow down
#ff00ff
id-2
Membership - Portal
#ff00ff
Icon arrow down
#ff00ff
id-3
Rakuten Mobile
#ff00ff
Icon arrow down
tableWithCustomStyles
Id
Name
Color
id-1
Rakuten
#ff00ff
id-2
Membership - Portal
#ff00ff
id-3
Rakuten Mobile
#ff00ff