Photo by Mika Baumeister on Unsplash

Server side paginated data table in Flutter

Christian Muehle
Level Up Coding
Published in
4 min readMay 7, 2021

--

Flutter is great, offering a wide range of possibilities to mobile developers and anybody interested in getting a project done with a single code base. But some controls and common workflows are missing in the default control collection. This post is about data tables for huge datasets and how to handle it proper on all Flutter platforms.

Preface — Advanced_datatable

The control I mention here is made by myself and can be found on my GitHub account. I realized I needed them while working on a project that needs to display huge sets of data.
I did reuse code directly from the Flutter controls, you will find a related note in the code in this case. The package is also available via pub.dev:

By the way, there are other ways to use packages beside the pub.dev page as described here.

In case you want to see a live demo use the link below. Keep in mind the magic happens in the background. Use the development tools of your browser and the network monitor, you will see your client only gets data for the current page.

Server side paginated data table

That’s a headline …

Photo by Alexander Sinn on Unsplash

To keep it a bit easier: Flutter offers already a data table and paginated one. None of these widgets support the use case that your server/remote side does the paging and only sends to your client the current page. The reason to do this is straightforward: reduce memory consumption, handle slow connections.
Thanks to advanced_datatable you can now work with huge datasets on your server…

--

--

Software developer in the marine industry — Technical writer and Flutter enthusiast — Happy user of Apache CouchDB and big fan of the .NET Framework