A responsive data grid with built-in pagination and checkbox row selection. Users can sort columns, pick multiple rows, and see a slim selection banner with the current count. Page controls at the footer let you change page size and navigate ranges without losing context—perfect for admin dashboards and data-heavy screens.

Functionality

• Column sorting (asc/desc) with optional multi-sort

• Checkbox selection per row + tri-state Select all in header

• Selection banner showing count and space for bulk actions

• Footer pagination: next/prev, range label, rows-per-page selector

• Optional persistent selection across pages; clear/retain modes

• Server-side or client-side paging; loading/empty/error states

• Keyboard navigation (↑↓←→, Space, Shift-select) and focus rings

• Sticky header, zebra rows, density controls, and row hover/active states

• Theming: colors, borders, radius, spacing, typography; light/dark mode

• Accessible ARIA grid with screen-reader labels

Use cases

• Admin dashboards managing long lists (users, orders, tickets)

• E-commerce catalogs and inventory with thousands of items

• CRM tables for leads/contacts with bulk actions

• Audit logs and analytics events where paging keeps the UI fast

• Education/healthcare rosters that need clear page ranges

Keywords
data table, paginated table, pagination controls, rows per page, page size selector, range label, multi-select rows, checkbox selection, select all, selection banner, bulk actions, sortable columns, multi-sort, server-side paging, client-side paging, loading state, empty state, error state, keyboard navigation, ARIA grid, accessibility, sticky header, zebra stripes, density control, hover state, responsive table, admin dashboard, CRM list, inventory table, audit logs, Flutter widget, FlutterFlow component, high performance, modern UI, dark mode, theming.