dt_fl_table 0.1.1

Flutter table widget: Highly customizable and easy to use.

Flutter table widget: Highly customizable, performant, and easy to use.

We're actively developing this package. Expect detailed documentation and examples in the upcoming releases.

---

Features

• Fix headers to the top
• Fix columns to the left or right or both
• Pagination support available

Getting started

Installation

Add the following line to pubspec.yaml

dependencies:
  dt_fl_table:

Usage

Check https://dt-fl-table.oss.dualtone.dev for more details.

Basic Setup

Import the dependency.

import 'package:dt_fl_table/dt_fl_table.dart';

Snippet to render the table widget.

DTFLTable(
  columns: [
    DTFLTableColumn(
        key: "id",
        label: "Id",
        fixed: DTTableColumnFixedPosition.leading),
    DTFLTableColumn(key: "name", label: "Name"),
    DTFLTableColumn(key: "email", label: "Email"),
    DTFLTableColumn(key: "phone", label: "Phone"),
    DTFLTableColumn(key: "col5", label: "Column 5"),
    DTFLTableColumn(key: "col6", label: "Column 6")
  ],
  rows: List.generate(150, (index) {
    return DTFLTableRow(
      id: "$index",
      cells: [
        DTFLTableCell(
          key: "id",
          cell: Text((index).toString()),
        ),
        DTFLTableCell(
          key: "name",
          cell: Text("Full name $index"),
        ),
        DTFLTableCell(
          key: "email",
          cell: Text("email$[e-mail]"),
        ),
        DTFLTableCell(
          key: "phone",
          cell: Text("[phone]${index + 1}"),
        ),
        DTFLTableCell(
          key: "col5",
          cell: Text("Col5 ${index + 1}"),
        ),
        DTFLTableCell(
          key: "col6",
          cell: Text("Col6 ${index + 1}"),
        ),
      ],
    );
  }).toList(),
)