Flutter Data View Idea

This Data View built with Flutter/Dart is a unique way to show tabular data with fixed headers and fixed row headers.

It just uses a couple of nested Stack’s with a couple of nested SingleChildScrollView’s, along with a couple of layered widgets with some specific positioning and height settings (all customizable).

The SingleChildScrollView’s handle the vertical and horizontal scrolling for the data and they are layered over a positioned Container with a Column that displays each row header.

Layered on top of that is a Container with a Row for the headers.

There are a couple of ScrollController’s as well, to keep the horizontal scroll for the data and headers in sync.

Alt Text


View Github