From 15ced14e20b9c9bca49ae2d291f736a173b4e1b6 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Thu, 4 Dec 2025 14:25:11 +0700
Subject: [PATCH] refactor(FE-Storyless): add footer rendering support to Table
 component

---
 src/components/Table.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/Table.tsx b/src/components/Table.tsx
index eafd3e7a..96f23e8e 100644
--- a/src/components/Table.tsx
+++ b/src/components/Table.tsx
@@ -75,6 +75,8 @@ export interface TableProps<TData extends object> {
     column: Column<TData, unknown>,
     headerGroup: HeaderGroup<TData>
   ) => ReactNode;
+  renderFooter?: boolean;
+  footerContent?: ReactNode;
 }
 
 const DUMMY_SKELETON_DATA = [{}, {}, {}, {}, {}];
@@ -121,6 +123,8 @@ const Table = <TData extends object>({
   customHeaderRows = [],
   renderCustomHeaders = false,
   onCustomHeaderCellRender,
+  renderFooter = false,
+  footerContent,
 }: TableProps<TData>) => {
   const isServerSideTable =
     totalItems !== undefined &&
@@ -327,6 +331,8 @@ const Table = <TData extends object>({
               </tr>
             ))}
           </tbody>
+
+          {renderFooter && footerContent}
         </table>
       </div>