Focus Theme UI Kit Documentation Help

FUIAsyncPaginatedDataTable2 - Network/Dynamic/API Data (With Pagination)

fuiasyncpaginatedtable01.gif

The FUIAsyncPaginatedDataTable2 is the most suitable data table if data is fetched via HTTP/API.

Widget Class Location

The FUIAsyncPaginatedDataTable2 widget class could be found in:

lib/focus_ui_kit/components/datatable2/fui_datatable2.dart

The FUIDataTable2Theme class is the theme class holds the default theme variables/values.

Accessing the theme

To access the theme class object, do the following:

@override Widget build(BuildContext context) { FUIDataTable2Theme dtTheme = context.theme.fuiDataTable2; // ... }

Example

A comprehensive demonstration of the FUIAsyncPaginatedDataTable2, utilizing a network/API data source (specifically meteoroid landings), is available in the demo folder. Kindly review these files for further insights:

  • lib/demo/others/datatable/demo_datatable_data.dart

  • lib/demo/others/datatable/demo_datatable_async_paginated_table.dart

Other Parameters

Many of the parameters in FUIAsyncPaginatedDataTable2 corresponds to the data_table_2 package from https://pub.dev/packages/data_table_2. Please refer to this for more info.

27 March 2025