Dados remotos

Use dataMode="remote", passe o sourceId do Grid e implemente dataSourceExecutor. O Grid chama records.list com page baseado em zero, pageSize, e sort e filters ativos.

{sourceId: 'current-account-invoices', operation: 'records.list', input: {
  page: 0, pageSize: 25, sort: [{field: 'dueDate', direction: 'asc'}], filters: {customer: 'north', status: 'pending'},
}}

Retorne a página atual e o total de registros correspondentes:

{operation: 'records.list', records: [{id: 'FAC-00481'}], total: 137}

const [filters, setFilters] = useState<Record<string, unknown>>({});
<DyonaGrid columns={columns} getRowId={(row) => row.id as string}
  dataMode="remote" sourceId="current-account-invoices" pageSize={25}
  dataSourceExecutor={dataSourceExecutor} filters={filters} onFiltersChange={setFilters}
/>

A paginação integrada envia page e pageSize; total define o resultado remoto completo.

Testar ao vivo no Lab