filter

src/components/DataTableMain.jsx

@@ -1,9 +1,9 @@
 import DataTableTest from "@/components/DataTableTest";
 import FilterColumn from "@/components/FilterColumn";
 import {useMemo} from "react";
+import {Button} from "@mui/material";
 
 function DataTableMain() {
-
     const columns = useMemo(
         () => [
             {
@@ -81,13 +81,58 @@ function DataTableMain() {
                     "contains"
                 ],
             },
+            {
+                accessorKey: 'state',
+                header: 'محدوده',
+                size: 150,
+                id: "betweenNum",
+                text:'محدوده',
+                enableColumnFilter: true,
+                datatype: "text",
+                filterFn: "betweenNum",
+                columnFilterModeOptions: [],
+            },
+            {
+                accessorKey: 'state',
+                header: 'تاریخ',
+                size: 150,
+                id: "betweenDate",
+                text:'تاریخ',
+                enableColumnFilter: true,
+                datatype: "text",
+                filterFn: "betweenDate",
+                columnFilterModeOptions: [],
+            },
+            {
+                accessorKey: 'state',
+                header: 'شلکت',
+                size: 150,
+                id: "select2",
+                text:'تاریخ',
+                type: 'select2',
+                enableColumnFilter: true,
+                datatype: "text",
+                filterFn: "equals",
+                columnFilterModeOptions: [],
+            },
+            {
+                accessorKey: 'state',
+                header: 'سلکت',
+                size: 150,
+                id: "select",
+                text:'تنتنت',
+                type: 'select',
+                enableColumnFilter: true,
+                datatype: "text",
+                filterFn: "equals",
+                columnFilterModeOptions: [],
+            },
         ],
         [],
     );
     return (
         <>
             <DataTableTest  columns={columns}/>
-            <FilterColumn column={columns}/>
         </>
 
     );