Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elrizwiraswara/app_table
A Flutter widget that displays a customizable table with headers and rows of data. It supports various customization options for styling and layout.
https://github.com/elrizwiraswara/app_table
data-table flutter-data-table flutter-table table
Last synced: 19 days ago
JSON representation
A Flutter widget that displays a customizable table with headers and rows of data. It supports various customization options for styling and layout.
- Host: GitHub
- URL: https://github.com/elrizwiraswara/app_table
- Owner: elrizwiraswara
- License: mit
- Created: 2024-07-25T02:19:35.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-09-13T09:37:00.000Z (4 months ago)
- Last Synced: 2024-09-13T23:22:26.108Z (4 months ago)
- Topics: data-table, flutter-data-table, flutter-table, table
- Language: Dart
- Homepage:
- Size: 310 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# AppTable Flutter Package
A Flutter widget that displays a customizable table with headers and rows of data. It supports various customization options for styling and layout. The AppTable widget provides a variety of customization options, including customizable header and data rows, configurable title with styles, support for different text alignments and cell alignments, customizable table dimensions and padding, scrollable table content, and customizable border widths and colors.
## Installation
Add the following to your `pubspec.yaml` file:
```yaml
dependencies:
app_table: ^0.0.3
```
Then run `flutter pub get` to install the package.
## Usage
### Basic Usage
```dart
import 'package:app_table/app_table.dart';
import 'package:flutter/material.dart';
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State createState() => _MyAppState();
}
class _MyAppState extends State {
List _buildHeaderData() {
return [
TableModel(
expanded: false,
child: Checkbox(
value: true,
onChanged: (val) {},
),
),
TableModel(
data: 'Header 1',
textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.bold),
),
TableModel(
data: 'Header 2',
textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.bold),
),
TableModel(
data: 'Header 3',
textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.bold),
),
TableModel(
data: 'Header 4',
textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.bold),
),
];
}
List> _buildDataCustom() {
return List.generate(
4,
(index) => [
TableModel(
expanded: false,
child: Checkbox(
value: false,
onChanged: (val) {},
),
),
TableModel(data: 'Data $index', color: Theme.of(context).colorScheme.errorContainer),
TableModel(data: 'Data $index'),
TableModel(data: 'Data $index', color: Theme.of(context).colorScheme.errorContainer),
TableModel(data: 'Data $index'),
],
);
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: AppTable(
title: 'This Is Custom Table',
headerData: _buildHeaderData(),
data: _buildDataCustom(),
headerBackgroundColor: Theme.of(context).colorScheme.primaryContainer,
backgroundColor: Theme.of(context).colorScheme.surfaceDim,
dataBottomBorderWidth: 1,
headerBottomBorderWidth: 1,
dataBottomBorderColor: Theme.of(context).colorScheme.outline,
headerBottomBorderColor: Theme.of(context).colorScheme.primary,
borderRadius: 8,
tableBorderWidth: 1,
tableBorderColor: Theme.of(context).colorScheme.outline,
minWidth: 400,
minHeight: 400,
),
),
);
}
}
```
## Example
Check out the [example](example) directory for a complete sample app demonstrating the use of the `app_table` package.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Support
