149 lines
4.6 KiB
JavaScript
149 lines
4.6 KiB
JavaScript
'use client'
|
|
import DataTable from "@/core/components/DataTable";
|
|
import {useMemo} from "react";
|
|
|
|
function HomeComponent() {
|
|
const columns = useMemo(
|
|
() => [
|
|
{
|
|
accessorKey: 'fullname',
|
|
header: 'نام کامل',
|
|
id: "fullname",
|
|
columns: [
|
|
{
|
|
accessorKey: 'name.firstName',
|
|
header: 'نام',
|
|
id: "firstName",
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "contains",
|
|
enableClickToCopy: true,
|
|
columnFilterModeOptions: [
|
|
"equals",
|
|
"notEquals",
|
|
"contains"
|
|
],
|
|
},
|
|
{
|
|
accessorKey: 'name.lastName',
|
|
header: 'نام خانوادگی',
|
|
id: "lastName",
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "contains",
|
|
columnFilterModeOptions: [
|
|
"equals",
|
|
"notEquals",
|
|
"contains"
|
|
],
|
|
},
|
|
],
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "contains",
|
|
columnFilterModeOptions: [
|
|
"equals",
|
|
"notEquals",
|
|
"contains"
|
|
],
|
|
},
|
|
{
|
|
accessorKey: 'address',
|
|
header: 'آدرس',
|
|
id: "address",
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "contains",
|
|
columnFilterModeOptions: [
|
|
"equals",
|
|
"notEquals",
|
|
"contains"
|
|
],
|
|
},
|
|
{
|
|
accessorKey: 'city',
|
|
header: 'شهر',
|
|
id: "city",
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "contains",
|
|
columnFilterModeOptions: [
|
|
"equals",
|
|
"notEquals",
|
|
"contains",
|
|
"lessThan",
|
|
"greaterThan",
|
|
"between",
|
|
],
|
|
|
|
},
|
|
{
|
|
accessorKey: 'state',
|
|
header: 'وضعیت',
|
|
id: "state",
|
|
text: 'نام',
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "contains",
|
|
columnFilterModeOptions: [
|
|
"equals",
|
|
"notEquals",
|
|
"contains"
|
|
],
|
|
},
|
|
{
|
|
accessorKey: 'state',
|
|
header: 'محدوده',
|
|
id: "betweenNum",
|
|
text: 'محدوده',
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "betweenNum",
|
|
columnFilterModeOptions: [],
|
|
},
|
|
{
|
|
accessorKey: 'state',
|
|
header: 'تاریخ',
|
|
id: "betweenDate",
|
|
text: 'تاریخ',
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "betweenDate",
|
|
columnFilterModeOptions: [],
|
|
},
|
|
{
|
|
accessorKey: 'state',
|
|
header: 'شلکت',
|
|
id: "select2",
|
|
text: 'تاریخ',
|
|
type: 'select2',
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "equals",
|
|
columnFilterModeOptions: [],
|
|
},
|
|
{
|
|
accessorKey: 'state',
|
|
header: 'سلکت',
|
|
id: "select",
|
|
text: 'تنتنت',
|
|
type: 'select',
|
|
enableColumnFilter: true,
|
|
datatype: "text",
|
|
filterFn: "equals",
|
|
columnFilterModeOptions: [],
|
|
},
|
|
],
|
|
[],
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<DataTable columns={columns} userId={0} pageName={'testPage'} tableName={'testTable'}/>
|
|
</>
|
|
|
|
);
|
|
}
|
|
|
|
export default HomeComponent;
|