Tinyrack

Table

密度、ストライプ、横スクロールに対応した Flutter のセマンティックな行列データを表示します。

密度、ストライプ、横スクロールに対応したセマンティックな行列データを表示します。

主なプロパティ

プロパティ説明
密度compact, comfortable, spacious
任意のストライプと footer

インストール

パッケージを追加し、公開ライブラリをインポートしてください。

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

プレイグラウンド

使用方法

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')])],
)

コンパクトな状態データ パーマリンク

一覧性が必要な運用データには compact 密度とストライプを使います。

API

TRTable のプロパティ

Prop型 / デフォルト用途
columns / rowsList · requiredヘッダーと順序付きセルを定義します。
densityTRTableDensity · comfortable行間隔を設定します。
stripedbool · false本文行の背景を交互に表示します。
caption / footerWidget? / TRTableFooter?キャプションと集計行を追加します。