实现基本产品查询与页面展示

src/components/data-table/component.tsx

@@ -22,6 +22,7 @@ export type DataTableProps<T> = {
   columns: ColumnDef<T>[]
   pagination: PaginationProps
   classNames?: {
+    root?: string
     headRow?: string
     dataRow?: string
   }
@@ -46,7 +47,7 @@ export function DataTable<T extends Record<string, unknown>>(
   })
 
   return (
-    <div className="flex flex-col gap-3">
+    <div className={cn("flex flex-col gap-3", props.classNames?.root)}>
       {/* 数据表 */}
       <div className="rounded-md relative bg-card">
         <TableRoot>