Tables

Estimated reading: 2 minutes 22 views

FlutKit provides a collection of table implementation examples designed as reference screens for developers.
These examples are not reusable widgets, but screen-level implementations intended to be studied, adapted, and reused by copying the source code.

The table examples focus on data-intensive UI patterns commonly used in dashboards, admin panels, and enterprise applications.

Available Table Examples

Below is the list of table examples included in FlutKit:

1. Basic Table

A standard table implementation for displaying structured tabular data.

Typical use cases:

  • User lists
  • Product catalogs
  • Transaction history

2. Drag & Drop Table

A table that allows row reordering using drag & drop interactions.

Typical use cases:

  • Priority management
  • Custom ordering
  • Workflow configuration

3. Stacked Header Table

A table with multi-level or grouped headers, suitable for complex datasets.

Typical use cases:

  • Financial reports
  • Analytical dashboards
  • Comparison views

4. Checkbox Table

A table with row selection using checkboxes, supporting multiple selections.

Typical use cases:

  • Bulk actions
  • Mass updates
  • Data administration tools

5. Editable Table

A table that supports inline cell editing.

Typical use cases:

  • Configuration management
  • Admin settings
  • Quick data adjustments

6. Filtering Table

A table that includes data filtering, either globally or per column.

Typical use cases:

  • Searchable datasets
  • Advanced data exploration
  • Admin dashboards

7. Summaries Table

A table that displays summary or aggregated values, such as totals or averages.

Typical use cases:

  • Financial summaries
  • Sales reports
  • Performance metrics

8. Resizing Table

A table with resizable columns, allowing users to adjust column width interactively.

Typical use cases:

  • Power-user dashboards
  • Data-heavy workflows
  • Desktop-focused applications

Source Code Location

All table implementations can be found in:

lib/views/screens/table

Each file in this directory represents a complete example screen, not a reusable table widget.

How to Use These Table Examples

Developers are expected to:

  1. Open the relevant table screen file
  2. Study the implementation details, including:
  • Widget structure
  • Column configuration
  • Data source handling
  • State management logic
  1. Copy and paste the code into their own project
  2. Adapt styling, behavior, and logic to match their application requirements

This approach provides maximum flexibility without enforcing a rigid widget API.

Notes

  • Table examples in FlutKit are optimized for dashboard and admin UI scenarios
  • Some implementations may rely on third-party table libraries or custom logic
  • Code is intentionally not over-simplified to reflect real-world application patterns
Share this Doc

Tables

Or copy link

CONTENTS