패키지, 저장소 및 앱 카테고리 검색

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 ↗