InfoTable Component

Inside an InfoPanel

Weight & payout calculation

Tier	Mult change	Ratio	Current	Draft
New	1x → 1x	x1	0 MMK	0 MMK
Rising	1.5x → 1.5x	x1	6,695 MMK	6,695 MMK
Established	2.5x → 2.5x	x1	12,950 MMK	12,950 MMK
Star	4x → 4x	x1	163,800 MMK	163,800 MMK

Tier totals also include pass-through earnings from non-pool sources, so a tier's draft total may not equal its current total times the ratio exactly.

<InfoPanel Title="Weight & payout calculation" Style="dropdown">
    <ChildContent>
        <InfoTable TItem="TierRow" Items="tiers" Columns="payoutColumns"
                   Caption="Tier totals also include pass-through earnings..." />
    </ChildContent>
</InfoPanel>

Inside a FormSection

Tier breakdown

Read-only summary of the current weighting.

Tier	Mult change	Ratio	Current	Draft
New	1x → 1x	x1	0 MMK	0 MMK
Rising	1.5x → 1.5x	x1	6,695 MMK	6,695 MMK
Established	2.5x → 2.5x	x1	12,950 MMK	12,950 MMK
Star	4x → 4x	x1	163,800 MMK	163,800 MMK

<FormSection Title="Tier breakdown" Description="Read-only summary.">
    <InfoTable TItem="TierRow" Items="tiers" Columns="payoutColumns" />
</FormSection>

Standalone — bordered with its own header

Weight & payout calculation

Effective from the next payout cycle.

Tier	Mult change	Ratio	Current	Draft
New	1x → 1x	x1	0 MMK	0 MMK
Rising	1.5x → 1.5x	x1	6,695 MMK	6,695 MMK
Established	2.5x → 2.5x	x1	12,950 MMK	12,950 MMK
Star	4x → 4x	x1	163,800 MMK	163,800 MMK

<InfoTable TItem="TierRow" Items="tiers" Columns="payoutColumns"
           Bordered="true"
           Title="Weight & payout calculation"
           Description="Effective from the next payout cycle." />

Compact density & row hover

Compact

Tier	Mult change	Ratio	Current	Draft
New	1x → 1x	x1	0 MMK	0 MMK
Rising	1.5x → 1.5x	x1	6,695 MMK	6,695 MMK
Established	2.5x → 2.5x	x1	12,950 MMK	12,950 MMK
Star	4x → 4x	x1	163,800 MMK	163,800 MMK

Hoverable

Tier	Mult change	Ratio	Current	Draft
New	1x → 1x	x1	0 MMK	0 MMK
Rising	1.5x → 1.5x	x1	6,695 MMK	6,695 MMK
Established	2.5x → 2.5x	x1	12,950 MMK	12,950 MMK
Star	4x → 4x	x1	163,800 MMK	163,800 MMK

<InfoTable TItem="TierRow" Items="tiers" Columns="payoutColumns"
           Bordered="true" Compact="true" />

<InfoTable TItem="TierRow" Items="tiers" Columns="payoutColumns"
           Bordered="true" Hoverable="true" />

Emphasized total row

Tier	Mult change	Ratio	Current	Draft
New	1x → 1x	x1	0 MMK	0 MMK
Rising	1.5x → 1.5x	x1	6,695 MMK	6,695 MMK
Established	2.5x → 2.5x	x1	12,950 MMK	12,950 MMK
Star	4x → 4x	x1	163,800 MMK	163,800 MMK
Total			183,445 MMK	183,445 MMK

<InfoTable TItem="TierRow" Items="tiersWithTotal" Columns="payoutColumns"
           Bordered="true"
           EmphasizeRow="@(r => r.IsTotal)" />

Rich cells with a column Template

Tier	Mult change	Current
New	1x → 1x	0 MMK
Rising	1.5x → 1.5x	6,695 MMK
Established	2.5x → 2.5x	12,950 MMK
Star	4x → 4x	163,800 MMK

new InfoTable<TierRow>.Column
{
    Title = "Mult change",
    Template = r => @<text>
        <span>@r.MultFrom</span> &rarr; <strong>@r.MultTo</strong>
    </text>
};

Headerless (key-value summary)

Vital signs

Blood pressure	120 / 80 mmHg
Heart rate	72 bpm
Temperature	36.8 °C
SpO₂	98 %
Respiration	16 / min

public record VitalRow(string Label, string Value);

private readonly List<VitalRow> vitals = new()
{
    new("Blood pressure", "120 / 80 mmHg"),
    new("Heart rate",     "72 bpm"),
    new("Temperature",    "36.8 °C"),
};

private List<InfoTable<VitalRow>.Column> cols = new()
{
    new() { Title = "Label", Value = r => r.Label, Width = "40%" },
    new() { Title = "Value", Align = "end", Value = r => r.Value },
};

<InfoPanel Title="Vital signs" Style="dropdown">
    <ChildContent>
        <InfoTable TItem="VitalRow" Items="vitals" Columns="cols"
                   ShowHeader="false" />
    </ChildContent>
</InfoPanel>

Empty state

Tier	Mult change	Ratio	Current	Draft
No tiers configured yet.

<InfoTable TItem="TierRow" Items="noTiers" Columns="payoutColumns"
           Bordered="true"
           EmptyText="No tiers configured yet." />