パッケージ、リポジトリ、アプリカテゴリを検索

GitHub リポジトリted-marozzi/data-grid

データグリッド

大規模な数値テーブル用に最適化された高性能データグリッド。

データグリッド のプロジェクト画像
スター
8
フォーク
4
最終プッシュ(UTC)
2022/11/25
プロジェクト状態
公開中

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

This package is in development and breaking changes may be made at any time.

Data Grid is a performance focused data grid optimized for large numeric tables.

Features

  • Builders to prevent unnecessary rendering of data.
  • Performant layout algorithm, either a fixedWidth or autoFitWidth that doesn't need to perform the expensive task of computing a each widgets getMinIntrinsicWidth
  • Frozen header row and column headers

Grid widget for dart that features a frozen left and header column grid

Getting started

In the command line

flutter pub get data_grid

Usage

class MyWidget extends StatelessWidget {
  const MyWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Grid(
      columns: [
        GridColumn.autoFitWidth(text: "Hello"),
        GridColumn.autoFitWidth(text: "World"),
      ],
      rows: [
        GridRow(children: [
          GridCell.autoFitWidth(text: "123.12", sortValue: 123.12),
          GridCell.autoFitWidth(text: "12", sortValue: 12),
        ])
      ],
    );
  }
}
Selectable Rows, Highlighted Rows

On Desktop and web, rows are by default highlighted when the mouse cursor is hovered over them. Rows can be selected by passing selectedRowIndex. Highlighted and selected styles can be configured in DataGridThemeData.

Frozen Headers

By default column headers are frozen, this means that row content will scroll underneath them.

By default row headers are frozen, however this can be disabled using hasRowHeader boolean.

Ted Marozzi GitHub avatar
GitHub 作者

Ted Marozzi ↗

Software enthusiast @canva and building https://www.mermaidflow.app

言語DartC++CMakeHTMLCSwiftKotlinObjective-C

カテゴリー

使用している依存関係

依存関係一覧 4 件

  • flutter{"sdk":"flutter"}
  • sync_scroll_controller^1.0.1
  • flutter_test開発用{"sdk":"flutter"}
  • flutter_lints開発用^2.0.0

プロジェクトに合うリポジトリを選ぶには?

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

  1. 名前・作者・説明で検索し、技術トピックで絞り込みます。
  2. スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。
  3. 利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗