From 5e996b27d3dbbd7c41a04ddf0c3157e5c8a2d2ed Mon Sep 17 00:00:00 2001 From: Anish Lakhwara Date: Wed, 19 Feb 2025 23:17:05 -0800 Subject: [PATCH] feat: data table is a lil reactive --- .../src/components/ui/data-table.tsx | 102 +++++++++--------- 1 file changed, 53 insertions(+), 49 deletions(-) diff --git a/mast-react-vite/src/components/ui/data-table.tsx b/mast-react-vite/src/components/ui/data-table.tsx index c1967e7..c65c681 100644 --- a/mast-react-vite/src/components/ui/data-table.tsx +++ b/mast-react-vite/src/components/ui/data-table.tsx @@ -54,56 +54,60 @@ export function DataTable({ } }) - return ( -
- - - {table.getHeaderGroups().map((headerGroup) => ( - - {headerGroup.headers.map((header) => { - return ( - - {header.isPlaceholder - ? null - : flexRender( - header.column.columnDef.header, - header.getContext() - )} - - ) - })} - - ))} - - - {table.getRowModel().rows?.length ? ( - table.getRowModel().rows.map((row) => ( - +
+ + {table.getHeaderGroups().map((headerGroup) => ( + + {headerGroup.headers.map((header) => ( + - {row.getVisibleCells().map((cell) => ( - - {flexRender(cell.column.columnDef.cell, cell.getContext())} - - ))} - - )) - ) : ( - - - No results. - + {header.isPlaceholder + ? null + : flexRender( + header.column.columnDef.header, + header.getContext() + )} + + ))} + + ))} + + + {table.getRowModel().rows?.length ? ( + table.getRowModel().rows.map((row) => ( + + {row.getVisibleCells().map((cell) => ( + + {flexRender(cell.column.columnDef.cell, cell.getContext())} + + ))} - )} - -
-
- ) + )) + ) : ( + + + No results. + + + )} + + + +) + }