fdatatable

Description:

fdatatable

Flutter Datatable #






Features #

Pagination,
Filtering
Responsible

Setup #
Create a new FDT<DType>

DType is the type of your object.

FDT<Model>(
fdtRequest: (requestModel) async {
await Future.delayed(Duration(seconds: 2));
return FDTResponseModel(
page: requestModel.page,
pageSize: requestModel.pageSize,
total: 100,
list: _exampleModels(requestModel.pageSize)
);
},
columns: [],
filters: [],
)
copied to clipboard
Define your columns #
FDTBaseColumn(
title: "User Name",
cellBuilder: (item) => Text(item.userName),
columnWidth: 50,
isExpand: true,
)
copied to clipboard
Define Filters #
FDTFilter<FType>

FType is the type of filter [String, int, bool, DateTime].

FDT<Model>(
filters: [
FDTTextFilter(
key: "name",
val: "initValue",
),
]
)
copied to clipboard
Filters types

FDTTextFilter
FDTIntFilter
FDTCheckboxFilter
FDTDropDownFilter<FType>
FDTDateFilter

Top Menu #
FDT<Model>(
...
topActions: const [
FDTAction(text: "New", action: FDTActionTypes.add, icon: Icon(Icons.plus_one_outlined, color: Colors.blue,)),
FDTAction(text: "Refresh", action: FDTActionTypes.refresh, icon: Icon(Icons.refresh_outlined,)),
FDTAction(text: "To Page 10", action: FDTActionTypes.toPage, icon: Icon(Icons.arrow_circle_right_outlined,)),
]
)
copied to clipboard
Rows Menu #
FDT<Model>(
...
rowActions: const [
FDTAction(text: "Edit", action: FDTActionTypes.edit, icon: Icon(Icons.edit,)),
FDTAction(text: "Delete", action: FDTActionTypes.delete,
icon: Icon(Icons.delete_forever, color: Colors.red,)
),
FDTAction(text: "İnfo", action: FDTActionTypes.info,
icon: Icon(Icons.info, color: Colors.red,)
)
],
)
copied to clipboard
Screenshots #