Ant Design Table component usage in ReactJS app | AntD Table Component Tutorial

#reactjs #antd #table
In this video I have explained Ant Design Table component usage in ReactJS app.
This video focuses on
- How to use antd table component in React js app
- How to use columns prop of antd table
- How to use datasource props of antd table
- How to create columns array of objects for antd table
- How to add different key for antd table columns like title, dataIndex etc.
- How to create local data source to render inside antd table
- How to customize antd table rendering
- How to use custom render of antd table column prop
- How to render custom custom reactjs components inside antd table cell
- How to get the whole row or record inside an antd table cell rendering
- How to return custom cell value based on datasource record
- How to add sorting in antd table header
- How to implement sorter function in antd table column

This video focuses on how to use Table component of Ant-Design UI library.

Happy Coding!

[balenziphillip]

hey thanks for the great tutorial, but I would like to know how to connect the table to the API(database) from the backend

[arvindkushwaha]

Hi Aamir, can you please suggest how to set the onClick of the particular cell (not onRow)? I want to perform Actions in each row e.g. Edit, Delete.

[asjadahmedkhan]

Hi, great explanation by you. I wanted to ask how we would be adding an Ant Icon (smileOutlined) next to the age? When I try to do it, it just overwrites the age.

[marcscherzer]

Hi, may I know how to make Table component responsive? I tried like : responsive : 'md' but it will hide some columns (not actually responsive)...

[nagasaikarri]

Hai.can we make a colour styling for column header .It will be helpful .Thankyou

[satyasrithota]

Hi.. How can I place the graduated cells to flex-end?In the sense how can I apply styling to specific cells?

[saadkhan-rhmt]

hey aamir bro please make a video on crud with ant design table and Modal

[hakan]

Any there any way to remove the key warning, even though passing key to the columns and to the main table row but doesn't seem to help.

[saikiranbhamidipati]

how can i sort the data in name column in dictionary order?

[DaurenKurkenov]

Parameter 'a' implicitly has an 'any' type. TS7006

30 | dataIndex: 'age',
31 | key: 'key',
> 32 | sorter: (a, b) => a.age - b.age,
| ^
33 | }, Can you help to fix it?

[elsontimana]

How can I select an array within another array?

[palashsardar]

sir ji antd file uplode with no duplicate file .please