Merge pull request #1912 from fedspendingtransparency/FDG-10767

FDG-10767 UTF DDP page when selecting 100 Rows per page is either missing a scroll bar or it is displaying only one row of data even though it has 119568 rows

Author: chasls2

src/components/data-table/data-table-footer/data-table-footer.tsx

@@ -58,7 +58,10 @@ const DataTableFooter: FunctionComponent<IDataTableFooter> = ({
 
   // For serverside paginated data (unfiltered datasets > 20000 rows), use paging props
   const tablePagingProps = manualPagination
-    ? pagingProps
+    ? {
+        ...pagingProps,
+        handlePerPageChange: handlePerPageChange,
+      }
     : {
         itemsPerPage: pagingProps?.itemsPerPage,
         handlePerPageChange: x => {

src/components/dataset-data/table-section-container/table-section-container.jsx

@@ -407,7 +407,9 @@ const TableSectionContainer = ({
                 userFilterUnmatchedForDateRange={userFilterUnmatchedForDateRange}
                 apiFilterDefault={apiFilterDefault && !selectedTable?.apiFilter?.displayDefaultData}
                 onToggleLegend={legendToggler}
-                emptyData={!isLoading && !serverSidePagination && (!apiData || !apiData.data || !apiData.data.length) && !apiError}
+                emptyData={
+                  !isLoading && !serverSidePagination && !userFilterSelection && (!apiData || !apiData.data || !apiData.data.length) && !apiError
+                }
                 unchartable={noChartMessage !== undefined}
                 currentTab={selectedTab}
                 datasetName={config?.name}

src/components/dtg-table/dtg-table.jsx

@@ -296,7 +296,7 @@ export default function DtgTable({
       setCurrentPage(1);
       updateTable(true);
     }
-  }, [tableSorting, dateRange, selectedTable]);
+  }, [tableSorting, dateRange, selectedTable, tableMeta]);
 
   useMemo(() => {
     if (selectedTable?.rowCount > REACT_TABLE_MAX_NON_PAGINATED_SIZE) {
@@ -375,6 +375,7 @@ export default function DtgTable({
       // user filter tables <= 20000 rows
       setReactTableData(dePaginated);
       setManualPagination(false);
+      setMaxRows(dePaginated.data.length);
       setIsLoading(false);
     }
   }, [rawData, dePaginated]);