improve: datatable style

src/components/ui/datatable.tsx

@@ -399,12 +399,17 @@ export function DataTableDemo () {
       columnFilters,
       columnVisibility,
       rowSelection
+    },
+    initialState: {
+      pagination: {
+        pageSize: 8
+      }
     }
   })
 
   return (
     <div className='w-full'>
-      <div className='rounded-3xl w-full'>
+      <div className='rounded-3xl min-h-[507px] w-full'>
         <Table className='w-[727px] md:w-full'>
           <TableHeader>
             {table.getHeaderGroups().map(headerGroup => (
@@ -460,7 +465,7 @@ export function DataTableDemo () {
           </TableBody>
         </Table>
       </div>
-      <div className='flex items-center justify-end space-x-2 pt-4 px-7 pb-11'>
+      <div className='flex items-center justify-end space-x-2 pt-4 px-7 pb-11 select-none'>
         <div className='flex-1 text-sm text-disabled-text'>
           نمایش:{' '}
           <span className='text-primary dark:text-foreground'>