Basic Table
Project Alpha
Active
2024-01-15
Project Beta
Pending
2024-02-20
Project Gamma
Error
2024-03-10
{% from "components/table.html" import table %}
{% from "components/button.html" import button %}
{% from "components/tag.html" import tag %}
{% call table(["Name", "Status", "Created", "Actions"], id="demo-table") %}
Project Alpha
{{ tag("Active", "green") }}
2024-01-15
{{ button("Edit", variant="ghost", size="sm", icon="ti-edit") }}
{% endcall %}
Custom Column Widths
#001
Item One
A longer description that takes more space
{% call table(["ID", "Name", "Description"], id="demo-table", columns="80px 1fr 2fr") %}
...
{% endcall %}