Sigta UI · Kit

Table

Data table — mono caption and headers, tabular numerals

Recent engagements
Project	Stage	Margin
Marginalia v3	Shipping	62%
Halyard OS	Active	41%
Ledger rebuild	At risk	28%

Source

<sigta:table caption="Recent engagements">
        <sigta:table.columns>
            <sigta:table.column>Project</sigta:table.column>
            <sigta:table.column>Stage</sigta:table.column>
            <sigta:table.column>Margin</sigta:table.column>
        </sigta:table.columns>
        <sigta:table.rows>
            <sigta:table.row>
                <sigta:table.cell>Marginalia v3</sigta:table.cell>
                <sigta:table.cell><sigta:pill variant="success">Shipping</sigta:pill></sigta:table.cell>
                <sigta:table.cell>62%</sigta:table.cell>
            </sigta:table.row>
            <sigta:table.row>
                <sigta:table.cell>Halyard OS</sigta:table.cell>
                <sigta:table.cell><sigta:pill variant="success">Active</sigta:pill></sigta:table.cell>
                <sigta:table.cell>41%</sigta:table.cell>
            </sigta:table.row>
            <sigta:table.row>
                <sigta:table.cell>Ledger rebuild</sigta:table.cell>
                <sigta:table.cell><sigta:pill variant="danger">At risk</sigta:pill></sigta:table.cell>
                <sigta:table.cell>28%</sigta:table.cell>
            </sigta:table.row>
        </sigta:table.rows>
    </sigta:table>

Without caption

Metric	Value
Projects shipped	34
Avg. margin	44%

Source

<sigta:table>
        <sigta:table.columns>
            <sigta:table.column>Metric</sigta:table.column>
            <sigta:table.column>Value</sigta:table.column>
        </sigta:table.columns>
        <sigta:table.rows>
            <sigta:table.row>
                <sigta:table.cell>Projects shipped</sigta:table.cell>
                <sigta:table.cell>34</sigta:table.cell>
            </sigta:table.row>
            <sigta:table.row>
                <sigta:table.cell>Avg. margin</sigta:table.cell>
                <sigta:table.cell>44%</sigta:table.cell>
            </sigta:table.row>
        </sigta:table.rows>
    </sigta:table>