Design System

Alert Blockquote Breadcrumbs Button Colors Comment Comments Filter Form Icons Input Modal Nav Navbar Pagination Progress Bar Search Form Section Sharing Sidebar Single Content Single Footer Single Header Single Meta Site Footer Site Header Sub Section Table Teaser Typography

Table

Variables

thead: Array. Of strings that go to table header.
tbody: Array. Of arrays. Every inner array represents one tab row.

Variations

Standard table

Name	Membership	Pay date	Exp date	Link to profile
Barbara S. Monfis	Life	01.01.2020	31.12.2021	https://vladimir.fi
Stephen M Croucher	Professor - 2 years	01.01.2020	31.12.2021	https://vladimir.fi
Cheng Zeng	Student - 1 year	01.01.2020	31.12.2021	https://vladimir.fi


                   {% include "table/table.twig" with { variables: { ("thead"): [ "Name", "Membership", "Pay date", "Exp date", "Link to profile" ], ("tbody"): [ [ "Barbara S. Monfis", "Life", "01.01.2020", "31.12.2021", "https://vladimir.fi" ],[ "Stephen M Croucher", "Professor - 2 years", "01.01.2020", "31.12.2021", "https://vladimir.fi" ],[ "Cheng Zeng", "Student - 1 year", "01.01.2020", "31.12.2021", "https://vladimir.fi" ], ] } } %}