dont show table footer in client-side data-table

src/components/ui/controlled-data-table.tsx

@@ -124,11 +124,6 @@ export function ControlledDataTable<TData, TValue>({
         return initial;
     }, [filters]);
 
-    console.log({
-        pagination,
-        rowCount
-    });
-
     const table = useReactTable({
         data: rows,
         columns,

src/components/ui/data-table.tsx

@@ -320,11 +320,6 @@ export function DataTable<TData, TValue>({
         return result;
     }, [data, tabs, activeTab, filters, activeFilters]);
 
-    console.log({
-        pagination,
-        paginationState
-    });
-
     const table = useReactTable({
         data: filteredData,
         columns,
@@ -852,12 +847,14 @@ export function DataTable<TData, TValue>({
                         </Table>
                     </div>
                     <div className="mt-4">
-                        <DataTablePagination
-                            table={table}
-                            onPageSizeChange={handlePageSizeChange}
-                            pageSize={pagination.pageSize}
-                            pageIndex={pagination.pageIndex}
-                        />
+                        {table.getRowModel().rows?.length > 0 && (
+                            <DataTablePagination
+                                table={table}
+                                onPageSizeChange={handlePageSizeChange}
+                                pageSize={pagination.pageSize}
+                                pageIndex={pagination.pageIndex}
+                            />
+                        )}
                     </div>
                 </CardContent>
             </Card>