0
429
Views¿Por qué Ag-grid muestra '?' (signo de interrogación) en la paginación mientras usa la representación del lado del servidor?
Estoy usando React Ag grid Server Side Pagination. Los datos se cargan correctamente, pero en algún momento muestran '?' marcas en la paginación.
Sin embargo, se muestra correctamente si hago clic en siguiente. 
Aquí está el código:
gridApi?.setServerSideDatasource({ getRows: (params: IServerSideGetRowsParams) => { const { startRow, endRow, sortModel, filterModel } = params.request; refetch({ result: 'ProjectSummary', startRow, endRow, tab: state.tab, filtergroup: JSON.stringify(filterModel), sortModel: JSON.stringify(sortModel?.length ? sortModel[0] : {}), }).then((response) => { if (response?.data) { const { datarows, total } = JSON.parse(response?.data?.body); if (response?.data?.statusCode === '200') { params?.success({ rowData: datarows, rowCount: total, }); } } else { params?.fail(); } }); }
·
Juan Pablo Isaza
1 answers
Answer question0
A partir de ahora, no encontré ninguna forma directa de solucionar esto, pero tengo un pequeño truco. Aquí está la solución.
Defina esta función:
const setLbLastRowOnPage = () => { if (!gridApi) { return; } const lbLastRowOnPageEl = document.querySelector(`[ref=\'lbLastRowOnPage\']`); const isLastPage = gridApi.paginationGetTotalPages() === gridApi.paginationGetCurrentPage() + 1; const endRow = isLastPage ? gridApi.paginationGetRowCount() : (gridApi.paginationGetCurrentPage() + 1) * gridApi.paginationGetPageSize(); if (lbLastRowOnPageEl) { lbLastRowOnPageEl.innerHTML = endRow.toString(); } };Ahora, llama a esto en useEffect
useEffect(() => { setLbLastRowOnPage(); }, [loading, gridApi]);
·
Juan Pablo Isaza
Report
Answer question