finish bills , po , jobcards relational fields creation

apps/dashboard/shared/data-view/resource-page/crud-resource.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import React from "react"
-import { DataTable, type ActionsColumnOptions } from "@/shared/data-view/table-view"
+import { DataTable, type ActionsColumnOptions, type DataViewProps } from "@/shared/data-view/table-view"
 import { useResourcePage, type UseResourcePageOptions, type ResourceItem, type ResourcePageClient } from "./use-resource-page"
 import type { ColumnDef } from "@tanstack/react-table"
 
@@ -28,10 +28,13 @@ type ReactNodeOrRender<TClient extends ResourcePageClient> =
     | React.ReactNode
     | ((context: CrudResourceContext<TClient>) => React.ReactNode)
 
+type ManagedTableProps = "columns" | "data" | "pagination" | "sorting" | "onChange" | "isLoading"
+
 export type CrudResourceProps<TClient extends ResourcePageClient> = UseResourcePageOptions<TClient> & {
     columns: ColumnDef<ResourceItem<TClient>>[] | ((helpers: CrudResourceColumnHelpers<TClient>) => ColumnDef<ResourceItem<TClient>>[])
     onRowClick?: (row: ResourceItem<TClient>) => void
     tableHeader?: ReactNodeOrRender<TClient>
+    tableProps?: Omit<Partial<DataViewProps<ResourceItem<TClient>>>, ManagedTableProps>
     render?: (table: React.ReactElement, context: CrudResourceContext<TClient>) => React.ReactElement
 }
 
@@ -44,6 +47,7 @@ export function CrudResource<TClient extends ResourcePageClient>({
     extraParams,
     onRowClick,
     tableHeader,
+    tableProps,
     render,
 }: CrudResourceProps<TClient>) {
     type TItem = ResourceItem<TClient>
@@ -79,13 +83,14 @@ export function CrudResource<TClient extends ResourcePageClient>({
         <>
             {tableHeader && (typeof tableHeader === "function" ? tableHeader(context) : tableHeader)}
             <DataTable
+                {...tableProps}
                 columns={columns}
                 data={items}
                 pagination={page.pagination}
                 sorting={page.sorting}
                 onChange={page.handleChange}
                 isLoading={page.isLoading}
-                onRowClick={onRowClick}
+                onRowClick={onRowClick ?? tableProps?.onRowClick}
             />
         </>
     )