Hide table footer when all groups are empty

2023-04-12 19:27:29 +02:00
parent 7887e724d5
commit 5619078abd
1 changed files with 21 additions and 17 deletions
--- a/front/src/components/table/Table.tsx
+++ b/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>
  );