{"id":23828644,"url":"https://github.com/elrizwiraswara/app_table","last_synced_at":"2025-08-02T15:03:03.154Z","repository":{"id":250072364,"uuid":"833412857","full_name":"elrizwiraswara/app_table","owner":"elrizwiraswara","description":"A Flutter widget that displays a customizable table with headers and rows of data. It supports various customization options for styling and layout.","archived":false,"fork":false,"pushed_at":"2024-09-13T09:37:00.000Z","size":317,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-09-13T23:22:26.108Z","etag":null,"topics":["data-table","flutter-data-table","flutter-table","table"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/elrizwiraswara.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-25T02:19:35.000Z","updated_at":"2024-09-13T09:37:03.000Z","dependencies_parsed_at":"2024-07-25T02:44:24.683Z","dependency_job_id":null,"html_url":"https://github.com/elrizwiraswara/app_table","commit_stats":null,"previous_names":["elrizwiraswara/app_table"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elrizwiraswara%2Fapp_table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elrizwiraswara%2Fapp_table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elrizwiraswara%2Fapp_table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elrizwiraswara%2Fapp_table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/elrizwiraswara","download_url":"https://codeload.github.com/elrizwiraswara/app_table/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232202404,"owners_count":18487892,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data-table","flutter-data-table","flutter-table","table"],"created_at":"2025-01-02T13:31:08.514Z","updated_at":"2025-01-02T13:31:33.150Z","avatar_url":"https://github.com/elrizwiraswara.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AppTable Flutter Package\n\nA 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.\n\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://github.com/elrizwiraswara/app_table/raw/main/1.png\" alt=\"Image 1\" height=\"600\"\u003e\n\u003c/p\u003e\n\n## Installation\n\nAdd the following to your `pubspec.yaml` file:\n\n```yaml\ndependencies:\n  app_table: ^0.0.3\n```\n\nThen run `flutter pub get` to install the package.\n\n## Usage\n### Basic Usage\n\n```dart\nimport 'package:app_table/app_table.dart';\nimport 'package:flutter/material.dart';\n\nclass MyApp extends StatefulWidget {\n  const MyApp({super.key});\n\n  @override\n  State\u003cMyApp\u003e createState() =\u003e _MyAppState();\n}\n\nclass _MyAppState extends State\u003cMyApp\u003e {\n  List\u003cTableModel\u003e _buildHeaderData() {\n    return [\n      TableModel(\n        expanded: false,\n        child: Checkbox(\n          value: true,\n          onChanged: (val) {},\n        ),\n      ),\n      TableModel(\n        data: 'Header 1',\n        textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.bold),\n      ),\n      TableModel(\n        data: 'Header 2',\n        textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.bold),\n      ),\n      TableModel(\n        data: 'Header 3',\n        textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.bold),\n      ),\n      TableModel(\n        data: 'Header 4',\n        textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.bold),\n      ),\n    ];\n  }\n\n  List\u003cList\u003cTableModel\u003e\u003e _buildDataCustom() {\n    return List.generate(\n      4,\n      (index) =\u003e [\n        TableModel(\n          expanded: false,\n          child: Checkbox(\n            value: false,\n            onChanged: (val) {},\n          ),\n        ),\n        TableModel(data: 'Data $index', color: Theme.of(context).colorScheme.errorContainer),\n        TableModel(data: 'Data $index'),\n        TableModel(data: 'Data $index', color: Theme.of(context).colorScheme.errorContainer),\n        TableModel(data: 'Data $index'),\n      ],\n    );\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        body: AppTable(\n          title: 'This Is Custom Table',\n          headerData: _buildHeaderData(),\n          data: _buildDataCustom(),\n          headerBackgroundColor: Theme.of(context).colorScheme.primaryContainer,\n          backgroundColor: Theme.of(context).colorScheme.surfaceDim,\n          dataBottomBorderWidth: 1,\n          headerBottomBorderWidth: 1,\n          dataBottomBorderColor: Theme.of(context).colorScheme.outline,\n          headerBottomBorderColor: Theme.of(context).colorScheme.primary,\n          borderRadius: 8,\n          tableBorderWidth: 1,\n          tableBorderColor: Theme.of(context).colorScheme.outline,\n          minWidth: 400,\n          minHeight: 400,\n        ),\n      ),\n    );\n  }\n}\n```\n\n## Example\nCheck out the [example](example) directory for a complete sample app demonstrating the use of the `app_table` package.\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Support\n\n\u003ca href=\"https://trakteer.id/elrizwiraswara/tip\" target=\"_blank\"\u003e\u003cimg id=\"wse-buttons-preview\" src=\"https://cdn.trakteer.id/images/embed/trbtn-red-6.png?date=18-11-2023\" height=\"40\" style=\"border:0px;height:40px;margin-top:14px\" alt=\"Trakteer Saya\"\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felrizwiraswara%2Fapp_table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Felrizwiraswara%2Fapp_table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felrizwiraswara%2Fapp_table/lists"}