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.
Grid widget for dart that features a frozen left and header column
In the command line
flutter pub get data_grid
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),
])
],
);
}
}
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
.
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.