Data not filtering by characters
export const CustomerList = () => {
const { tableProps, filters } = useTable<ICustomers>({
resource: "customers",
onSearch: (values: any) => {
return [
{
field: "name",
operator: "contains",
value: values.name,
},
];
},
pagination: {
pageSize: 5,
},
sorters: {
initial: [
{
field: "name",
order: "asc",
},
],
},
});
const go = useGo();
return (
<List
breadcrumb={false}
headerButtons={() => (
<CreateButton
onClick={() => {
go({
to: {
resource: "customers",
action: "create",
},
options: {
keepQuery: true,
},
type: "replace",
});
}}
/>
)}
>
<Table
{...tableProps}
pagination={{ ...tableProps.pagination }}
rowKey="id"
>
<Table.Column
dataIndex="name"
title={"Name"}
defaultFilteredValue={getDefaultFilter("id", filters)}
filterIcon={<SearchOutlined />}
filterDropdown={(props) => (
<FilterDropdown {...props}>
<Input placeholder="Search Customer" />
</FilterDropdown>
)}
/>
<Table.Column dataIndex="email" title={"Email"} />
<Table.Column dataIndex="mobile" title={"Mobile"} />
<Table.Column
title={"Actions"}
dataIndex="id"
fixed="right"
render={(value) => (
<Space>
<EditButton hideText size="small" recordItemId={value} />
<DeleteButton hideText size="small" recordItemId={value.id} />
</Space>
)}
/>
</Table>
</List>
);
};
data isnt filtering when trying to fitler by character? it only filters when eneting full name @kapa.ai
const { tableProps, filters } = useTable<ICustomers>({
resource: "customers",
onSearch: (values: any) => {
return [
{
field: "name",
operator: "contains",
value: values.name,
},
];
},
pagination: {
pageSize: 5,
},
sorters: {
initial: [
{
field: "name",
order: "asc",
},
],
},
});
const go = useGo();
return (
<List
breadcrumb={false}
headerButtons={() => (
<CreateButton
onClick={() => {
go({
to: {
resource: "customers",
action: "create",
},
options: {
keepQuery: true,
},
type: "replace",
});
}}
/>
)}
>
<Table
{...tableProps}
pagination={{ ...tableProps.pagination }}
rowKey="id"
>
<Table.Column
dataIndex="name"
title={"Name"}
defaultFilteredValue={getDefaultFilter("id", filters)}
filterIcon={<SearchOutlined />}
filterDropdown={(props) => (
<FilterDropdown {...props}>
<Input placeholder="Search Customer" />
</FilterDropdown>
)}
/>
<Table.Column dataIndex="email" title={"Email"} />
<Table.Column dataIndex="mobile" title={"Mobile"} />
<Table.Column
title={"Actions"}
dataIndex="id"
fixed="right"
render={(value) => (
<Space>
<EditButton hideText size="small" recordItemId={value} />
<DeleteButton hideText size="small" recordItemId={value.id} />
</Space>
)}
/>
</Table>
</List>
);
};
data isnt filtering when trying to fitler by character? it only filters when eneting full name @kapa.ai
