react material ui populate table from API response

Question

Material ui table accept data in this format.

 rows: [
      createData(1, "dashboard", "details"),
      createData(2, "product", "product details"),
    ].sort((a, b) => (a.id < b.id ? -1 : 1))

And the response from API that I store in state is like

rows: Array(2)
 0: {id: 1, category_name: "dashboard", category_details: "details"}
 1: {id: 2, category_name: "product", category_details: "product details"}
 length: 2
__proto__: Array(0)

So how to assign the response from json array to material ui table in react?

Hemadri Dasari · Accepted Answer · 2018-09-09 17:44:13Z

3

Do something like below

 const dataRows = [];
 this.state.rows.forEach((item, i) => {
    dataRows.push(createData(item.id, item.category_name, item.category_details));
 });

console.log(“rows”, dataRows);

// above console log will print

  [
  createData(1, "dashboard", "details"),
  createData(2, "product", "product details"),
 ]

Just pass dataRows to material-UI table

edited Sep 9, 2018 at 17:44

answered Sep 9, 2018 at 17:37

Hemadri Dasari

34.2k41 gold badges125 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

react material ui populate table from API response

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related