Discussion on: An easy way to create a customize dynamic table in react js

[Mạnh Đạt]

Thanks for the tutorial. I'm a react beginner.

My question is, what if the number of column is unknown too?

Thanks again

[Abdul Basit]

Here you go... you just need to change renderTableData function with below code. Let me know if it helps...

   renderTableData() {
      return this.state.students.map((student, index) => {
         let col = Object.keys(student)
         return (
            <tr key={student.id}>
               {col.map((val, index) => {
                  return <td key={index}>{student[col[index]]}</td>
               })}
            </tr>
         )
      })
   }

[hirupiyumika]

Thank you very much...!! It is very helpful.

[Ronaldo Peres]

Thank you,

How can I hide the first column?

[Mạnh Đạt]

Thank you!