웹 접근성 조치

apps/common/features/src/shared/ui/grid-view-data-table.tsx

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from "react";
+import type { HTMLAttributes, ReactNode } from "react";
 import {
   flexRender,
   type RowData,
@@ -26,6 +26,7 @@ type GridViewDataTableProps<T> = {
   className?: HTMLAttributes<HTMLTableElement>["className"];
   viewPagination?: boolean;
   onRowClick?: (row: T) => void;
+  footerContent?: ReactNode;
 };
 
 function GridViewDataTable<T>({
@@ -33,6 +34,7 @@ function GridViewDataTable<T>({
   className,
   viewPagination,
   onRowClick,
+  footerContent,
 }: GridViewDataTableProps<T>) {
   return (
     <div className="bg-secondary-background pb-10">
@@ -72,6 +74,9 @@ function GridViewDataTable<T>({
           ))}
         </div>
       </div>
+      {footerContent && (
+        <div className="px-4 text-left">{footerContent}</div>
+      )}
       {viewPagination && <Pagination table={table} />}
     </div>
   );