0
424
Vistas¿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 Respuestas
Responde la pregunta0
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
Denunciar
Responde la pregunta