Hide table footer when all groups are empty

front/src/components/table/Table.tsx

@@ -70,6 +70,10 @@ function Table({ data, columns, viewName, viewIcon }: OwnProps) {
             </tr>
           ))}
         </tbody>
+        {table
+          .getFooterGroups()
+          .flatMap((group) => group.headers)
+          .filter((header) => !!header.column.columnDef.footer).length > 0 && (
           <tfoot>
             {table.getFooterGroups().map((footerGroup) => (
               <tr key={footerGroup.id}>
@@ -86,7 +90,7 @@ function Table({ data, columns, viewName, viewIcon }: OwnProps) {
               </tr>
             ))}
           </tfoot>
-      </table>
+        )}
       </StyledTable>
     </div>
   );