ResponsiveTable class

A responsive table that automatically switches between:

• A full data table on desktop/tablet screens
• A list of cards on mobile/watch screens

Performance Design

• Uses ListView.builder for lazy card rendering on mobile (O(visible) not O(n))
• Desktop table uses DataTable which Flutter handles efficiently
• Single ScreenType check per build — O(1) mode selection
• RepaintBoundary wraps card items for isolated repaints

Example

ResponsiveTable(
  columns: ['Name', 'Price', 'Status', 'Date'],
  rows: products.map((p) => [p.name, p.price, p.status, p.date]).toList(),
  mobileCardBuilder: (context, row, headers) => Card(
    child: ListTile(
      title: Text(row[0].toString()),
      subtitle: Text(row[1].toString()),
    ),
  ),
  hiddenColumnsOnMobile: [3],
)