Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rickypid/flutter_expandable_table
A Flutter widget for create an expandable table with header and first column fixed.
https://github.com/rickypid/flutter_expandable_table
dart datatable datatables datatables-plugin expandable expandable-datatable expandable-table flutter flutter-package flutter-widget table widget-ui
Last synced: 6 days ago
JSON representation
A Flutter widget for create an expandable table with header and first column fixed.
- Host: GitHub
- URL: https://github.com/rickypid/flutter_expandable_table
- Owner: rickypid
- License: bsd-3-clause
- Created: 2021-07-20T08:13:32.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-04-05T13:17:32.000Z (7 months ago)
- Last Synced: 2024-05-01T18:05:39.653Z (6 months ago)
- Topics: dart, datatable, datatables, datatables-plugin, expandable, expandable-datatable, expandable-table, flutter, flutter-package, flutter-widget, table, widget-ui
- Language: Dart
- Homepage: https://pub.dev/packages/flutter_expandable_table
- Size: 5.3 MB
- Stars: 32
- Watchers: 3
- Forks: 25
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
#### flutter_expandable_table
# Expandable Table
[](https://github.com/rickypid/flutter_expandable_table)
[](https://pub.dartlang.org/packages/flutter_expandable_table)
[](https://pub.dev/packages/flutter_expandable_table/score)
[](https://pub.dev/packages/flutter_expandable_table/score)
[](https://github.com/rickypid/flutter_expandable_table/issues)
`ExpandableTable` is a widget for Flutter that create a Table with header and first column fixed. You can create a nested Rows/Columns grouped in expandable Row/Column
|  |
| :------------: |
| **ExpandableTable** |
## Features
* Header and first column fixed
* Supports vertical and horizontal scroll
* Customizable animation Duration and Curve
* Specific height definition for each single row
* Specific width definition for each single column
* Access to cell address when building cell content
* Access to the parent rows and columns of the cell while building the contents of a cell
## Usage
Make sure to check out the [examples on GitHub](https://github.com/rickypid/flutter_expandable_table/tree/master/example).
### Installation
Add the following line to `pubspec.yaml`:
```yaml
dependencies:
flutter_expandable_table:
```
### Basic setup
*Complete example [available here](https://github.com/rickypid/flutter_expandable_table/blob/master/example/lib/main.dart).*
```dart
return ExpandableTable(
firstHeaderCell: ExpandableTableCell(
child: Text('Simple\nTable'),
),
headers: headers,
rows: rows,
);
```
### Use with the controller
You can create an external controller to be able to dynamically manage the table, for example to add or remove rows within it.
Here is an example:
```dart
//... Inside Widget State
late ExpandableTableController controller;
//....
@override
void initState() {
controller = ExpandableTableController(
firstHeaderCell: ExpandableTableCell(child: Container()),
headers: [],
rows: [],
headerHeight: 263,
defaultsColumnWidth: 200,
firstColumnWidth: 300,
scrollShadowColor: AppColors.black,
);
super.initState();
}
void _onEvent(){
controller.rows.add(...your code...);
}
@override
Widget build(BuildContext context) {
return ExpandableTable(
controller: controller,
);
}
//....
```
### ExpandableTable Properties
* `firstHeaderCell`: Is the top left cell, i.e. the first header cell.
* `headers`: contains the list of all column headers, each one of these can contain a list of further headers, this allows you to create nested and expandable columns.
* `rows`: contains the list of all the rows of the table, each of these can contain a list of further rows, this allows you to create nested and expandable rows.
* `headerHeight`: is the height of each column header, i.e. the first row.
* `firstColumnWidth`: determines first Column width size.
* `defaultsColumnWidth`: defines the default width of all columns, it is possible to redefine it for each individual column.
* `defaultsRowHeight`: defines the default height of all rows, it is possible to redefine it for every single row.
* `duration`: determines duration rendered animation of Rows/Columns expansion.
* `curve`: determines rendered curve animation of Rows/Columns expansion.
* `scrollShadowDuration`: determines duration rendered animation of shadows.
* `scrollShadowFadeInCurve`: determines rendered curve animation of shadows appearance.
* `scrollShadowFadeOutCurve`: determines rendered curve animation of shadows disappearance.
* `scrollShadowColor`: determines rendered color of shadows.
* `scrollShadowSize`: determines size of shadows.
* `visibleScrollbar`: determines visibility of horizontal and vertical scrollbars.
* `trackVisibilityScrollbar`: indicates that the scrollbar track should be visible.
* `thumbVisibilityScrollbar`: indicates that the scrollbar thumb should be visible, even when a scroll is not underway.
* `expanded`: indicates that the table expands, so it fills the available space along the horizontal and vertical axes.
## 📚 My open source projects
### Flutter
| Package | Verison | Score | Likes | Test | Coverage |
|--|--|--|--|--|--|
| [](https://github.com/rickypid/flutter_expandable_table) | [](https://pub.dartlang.org/packages/flutter_expandable_table) | [](https://pub.dev/packages/flutter_expandable_table/score) | [](https://pub.dev/packages/flutter_expandable_table/score) | | |
| [](https://github.com/rickypid/widget_tree_depth_counter) | [](https://pub.dartlang.org/packages/widget_tree_depth_counter) | [](https://pub.dev/packages/widget_tree_depth_counter/score) | [](https://pub.dev/packages/widget_tree_depth_counter/score) | | |
| [](https://github.com/rickypid/flutter_scroll_shadow) | [](https://pub.dartlang.org/packages/flutter_scroll_shadow) | [](https://pub.dev/packages/flutter_scroll_shadow/score) | [](https://pub.dev/packages/flutter_scroll_shadow/score) | | |
| [](https://github.com/rickypid/flutter_bargraph) | [](https://pub.dartlang.org/packages/flutter_bargraph) | [](https://pub.dev/packages/flutter_bargraph/score) | [](https://pub.dev/packages/flutter_bargraph/score) | | |
### Dart
| Package | Verison | Score | Likes | Test | Coverage |
|--|--|--|--|--|--|
| [](https://github.com/rickypid/cowsay) | [](https://pub.dartlang.org/packages/cowsay) | [](https://pub.dev/packages/cowsay/score) | [](https://pub.dev/packages/cowsay/score) | [](https://github.com/rickypid/cowsay/actions/workflows/test.yml) | [](https://codecov.io/gh/rickypid/cowsay) |
| [](https://github.com/rickypid/telegram_link) | [](https://pub.dartlang.org/packages/telegram_link) | [](https://pub.dev/packages/telegram_link/score) | [](https://pub.dev/packages/telegram_link/score) | [](https://github.com/rickypid/telegram_link/actions/workflows/test.yml) | [](https://codecov.io/gh/rickypid/telegram_link) |