---------------------- In refine, you can use the `DeleteButton` component from `@refinedev/antd` to delete a record in a table. This component uses Ant Design's `Button` and `Popconfirm` components. When you click the delete button, a pop-up shows up and asks for confirmation. When confirmed, it executes the `useDelete` method provided by your `dataProvider`. Here's an example of how to use the `DeleteButton` in a table row: ```jsx import { List, useTable, DeleteButton, } from "@refinedev/antd"; import { Table } from "antd"; const PostList: React.FC = () => { const { tableProps } = useTable(); return ( title="Actions" dataIndex="actions" key="actions" render={(_, record) => ( )} width="50%" />

); }; interface IPost { id: number; title: string; } ``` In this example, the `DeleteButton` is used in the `render` method of the `actions` column. The `recordItemId` prop is used to specify the id of the record to be deleted. If you want to delete multiple records at once, you can use the `useDeleteMany` hook. This hook removes more than one data from the database. You can remove multiple records by selecting them and pressing delete. For more details, you can refer to the following documentation: - **`DeleteButton` documentation** () - **`useDeleteMany` documentation** () ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

Table selection

Similar Threads

Similar Threads

Similar Threads