How to Add, Delete, Edit and Display Records in Ant Design Table | Antd Table CRUD | ReactJS
CodeWithAamir CodeWithAamir
5.93K subscribers
79,902 views
946

 Published On Oct 19, 2021

#antd #reactjs #table #crud
In this video tutorial I have explained how to Add, Delete, Edit and Display Records in Ant Design Table in ReactJS app

This video focuses on antd table CRUD operations like
How to add different records in antd table
How to delete a particular record in antd table and also shows how to add a confirmation popup before deletion
How to read antd table records and display in Modal Form
How to edit/update antd table records
How to add custom icons in antd table columns, more details in this video    • How to use Ant Design Icons and custo...  
and many more misc concepts like mapping, filtering data sources for antd table

If you are new to ant design, I have already added an intro video on ant design and overview of its components at    • Ant Design UI library Integration wit...   link, please go through that video to set up the ground for further components implementation.

In this video we will be using different available props of antd Table component to see the possibilities for different use-cases. More details on antd Table component can be seen in this video (   • Ant Design Table component usage in R...  ).

The code base against this tutorial is available on Github repo at https://github.com/aamirjaved844/AntD...

For more details on ant design, please visit its documentation at https://ant.design/components/overview/

Happy Coding!

show more

Share/Embed