TDataTable<T, K> class

A data table component with pagination, sorting, and expandable rows.

TDataTable provides a full-featured table widget with:

• Column headers with sorting
• Pagination with page size selection
• Server-side data loading
• Expandable rows for detailed views
• Responsive layout (mobile/desktop)
• Infinite scroll on mobile
• Sticky headers and footers

Basic Usage

TDataTable<User, int>(
  headers: [
    TTableHeader(
      text: 'Name',
      value: (user) => user.name,
      sortable: true,
    ),
    TTableHeader(
      text: 'Email',
      value: (user) => user.email,
    ),
    TTableHeader(
      text: 'Status',
      value: (user) => user.status,
    ),
  ],
  items: users,
  itemsPerPage: 10,
)

With Server-Side Loading

TDataTable<Product, int>(
  headers: productHeaders,
  itemsPerPage: 25,
  onLoad: (page, search) async {
    final response = await api.getProducts(page, search);
    return (response.items, response.hasMore);
  },
)

With Expandable Rows

TDataTable<Order, int>(
  headers: orderHeaders,
  items: orders,
  expandedBuilder: (context, item, index) {
    return OrderDetailsWidget(order: item.data);
  },
)

Type parameters:

• T: The type of items in the table
• K: The type of the item key

See also:

• TTableHeader for column configuration
• TListController for programmatic control
• TList for list-based data display