Table

Header + rows, equal-stretch columns, hairline dividers.

ui data

Preview

Installation

npx slintcn@latest add table

Usage

import { Table, TableRow } from "slintcn/components/table.slint";

Table {
    columns: ["Invoice", "Status", "Amount"];
    rows: [
        { cells: ["INV-001", "Paid", "$ 250.00"] },
        { cells: ["INV-002", "Pending", "$ 1,200.00"] },
    ];
}

Properties

columns in [string]

Column headers, left-to-right.

rows in [TableRow]

Row data; each row's `cells` array must match `columns.length`.

Dependencies

separator

Installed automatically as transitive dependencies of slintcn add table.

← Pagination Text →