How would I integrate table filters into this?
import React from "react";
import { IResourceComponentsProps, BaseRecord } from "@refinedev/core";
import { useTable, List, EditButton, ShowButton } from "@refinedev/antd";
import { Table, Space } from "antd";
export const BidsList: React.FC<IResourceComponentsProps> = () => {
const { tableProps } = useTable({
syncWithLocation: true,
});
return (
<List>
<Table {...tableProps} rowKey="id">
<Table.Column dataIndex="id" title="Id" />
<Table.Column dataIndex="SKU" title="SKU" />
<Table.Column dataIndex="Description" title="Description" />
<Table.Column dataIndex="Cost" title="Cost" />
<Table.Column dataIndex="Bid Number" title="Bid Number" />
<Table.Column dataIndex="Version" title="Version" />
<Table.Column
dataIndex="Bid Description"
title="Bid Description"
/>
<Table.Column dataIndex="Client" title="Client" />
<Table.Column dataIndex="Vertical" title="Vertical" />
<Table.Column dataIndex="Vendor" title="Vendor" />
<Table.Column dataIndex="Distributor" title="Distributor" />
<Table.Column dataIndex="Hash" title="Hash" />
<Table.Column
title="Actions"
dataIndex="actions"
render={(_, record: BaseRecord) => (
<Space>
<EditButton
hideText
size="small"
recordItemId={record.id}
/>
<ShowButton
hideText
size="small"
recordItemId={record.id}
/>
</Space>
)}
/>
</Table>
</List>
);
};
import { IResourceComponentsProps, BaseRecord } from "@refinedev/core";
import { useTable, List, EditButton, ShowButton } from "@refinedev/antd";
import { Table, Space } from "antd";
export const BidsList: React.FC<IResourceComponentsProps> = () => {
const { tableProps } = useTable({
syncWithLocation: true,
});
return (
<List>
<Table {...tableProps} rowKey="id">
<Table.Column dataIndex="id" title="Id" />
<Table.Column dataIndex="SKU" title="SKU" />
<Table.Column dataIndex="Description" title="Description" />
<Table.Column dataIndex="Cost" title="Cost" />
<Table.Column dataIndex="Bid Number" title="Bid Number" />
<Table.Column dataIndex="Version" title="Version" />
<Table.Column
dataIndex="Bid Description"
title="Bid Description"
/>
<Table.Column dataIndex="Client" title="Client" />
<Table.Column dataIndex="Vertical" title="Vertical" />
<Table.Column dataIndex="Vendor" title="Vendor" />
<Table.Column dataIndex="Distributor" title="Distributor" />
<Table.Column dataIndex="Hash" title="Hash" />
<Table.Column
title="Actions"
dataIndex="actions"
render={(_, record: BaseRecord) => (
<Space>
<EditButton
hideText
size="small"
recordItemId={record.id}
/>
<ShowButton
hideText
size="small"
recordItemId={record.id}
/>
</Space>
)}
/>
</Table>
</List>
);
};
