Contents

Hikari
Guides
Design
- Overview
System
Components — Layer 1
Components — Layer 2
Components — Layer 3

Table

Table component for displaying structured data.

Basic Usage

(live preview unavailable)

Add a ```hikari:tsx block after ```hikari:rust to enable TSX preview

1

2

3

4

5

6

7

8

9

10

rsx! {
    div { style: "padding:1rem;",
        table { style: "border-collapse:collapse;width:100%;font-size:14px;",
            thead { tr { th { style: "border:1px solid #e2e2ea;padding:8px;background:#f7f7fa;text-align:left;", "Name" }
                         th { style: "border:1px solid #e2e2ea;padding:8px;background:#f7f7fa;text-align:left;", "Status" } } }
            tbody { tr { td { style: "border:1px solid #e2e2ea;padding:8px;", "Task A" }
                         td { style: "border:1px solid #e2e2ea;padding:8px;color:#22c55e;", "Done" } } }
        }
    }
}

API

Property	Description	Type	Default
columns	Column definitions	Vec<Column>	-
data	Data source	Vec<T>	-