Tinyrack

Table

Present semantic Flutter row-and-column data with density, striping, and horizontal overflow.

Present semantic row-and-column data with density, striping, and horizontal overflow.

Contract

AxisContract
Densitycompact, comfortable, spacious
RowsOptional striping and footer

Install

Add the package, then import its public library.

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

Playground

Usage

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

const TRTable(
  columns: [TRTableColumn(label: Text('Rack'))],
  rows: [TRTableRow(cells: [Text('Rack A')])],
)

Examples

Compact status data permalink

Use compact density and striping for scan-heavy operational data.

API

TRTable properties

PropType / defaultPurpose
columns / rowsList · requiredDefines headers and ordered cells.
densityTRTableDensity · comfortableSets row spacing.
stripedbool · falseAlternates body row surfaces.
caption / footerWidget? / TRTableFooter?Adds a caption and summary row.