Support className prop for DataTable component

CalvinWalzel · Sep 17, 2024 · 889a898 · 889a898
1 parent 9e913fc
commit 889a898
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/app/frontend/components/data_table.tsx b/app/frontend/components/data_table.tsx
@@ -18,16 +18,20 @@ import {
   TableRow,
 } from "@/components/ui/table";
 
+import { cn } from "@/utils/ui";
+
 interface DataTableProps<TData, TValue> {
   columns: ColumnDef<TData, TValue>[];
   data: TData[];
   pagination: PaginatorProps;
+  className?: string;
 }
 
 export function DataTable<TData, TValue>({
   columns,
   data,
   pagination,
+  className,
 }: DataTableProps<TData, TValue>) {
   const table = useReactTable({
     data,
@@ -38,7 +42,7 @@ export function DataTable<TData, TValue>({
 
   return (
     <>
-      <div className="rounded-md border">
+      <div className={cn(className)}>
         <Table>
           <TableHeader>
             {table.getHeaderGroups().map((headerGroup) => (