title: on button Click I need to get the id of the clicked row inside actionButtonClick() method
body: <p>When I click on a button of any row, I need to get the id of that row for detail / edit / delete operation in actionButtonClick() method.
  I can get the button color whice can define the button type(person/edit/close). But I need the row id also. I've added the table image here for clear view.</p>
  <pre><code>export default function AdminManagement() {
      const actionButtonClick = (event) =&gt; {
        const clickedBtnColor = event.currentTarget.value;
        //Here get the id of the row for details/remove/delete operation
      }    
      //Here is the Table Buttons
      const roundButtons = [
        { color: &quot;info&quot;, icon: Person },
        { color: &quot;success&quot;, icon: Edit },
        { color: &quot;danger&quot;, icon: Close }
      ].map((prop, key) =&gt; {
        return (
          &lt;Button
            id='btnId'
            round
            color={prop.color}
            className={classes.actionButton + &quot; &quot; + classes.actionButtonRound}
            key={key}
            value={prop.color}
            onClick={actionButtonClick}
          &gt;
            &lt;prop.icon className={classes.icon} /&gt;
          &lt;/Button&gt;
        );
      });   
      //Here is the Table Data
      const userData = [
        {
          id: 1,  //onClick: need this id inside actionButtonClick() method for details / remove /delete operation 
          fName: 'Musadul',
          accountNo: '2021***********',
          phone: '01***********',
          email: 'musadul*****@gmail.com',
        },
        {
          id: 2,
          fName: 'Krz',
          accountNo: '2021********',
          phone: '01*******',
          email: 'krz*******@gmail.com',
        },
      ]    
      return (
        &lt;&gt;
          &lt;Table
            tableHead={[
              &quot;#&quot;,
              &quot;Name&quot;,
              &quot;Account No.&quot;,
              &quot;Phone&quot;,
              &quot;Email&quot;,
              &quot;Actions&quot;
            ]}
            tableData={userData.map((user) =&gt; {
              const { id, fName, accountNo, phone, email } = user;
              return (
                [id, fName, accountNo, phone, email, roundButtons]
              )
            })}
            customCellClasses={[classes.center, classes.right, classes.right]}
            customClassesForCells={[0, 4, 5]}
            customHeadCellClasses={[
              classes.center,
              classes.right,
              classes.right
            ]}
            customHeadClassesForCells={[0, 4, 5]}   
          /&gt;
        &lt;/&gt;
      );
    }         
  </code></pre>
  <p>[The Table image is here][1]</p>
  <pre><code>      [1]: https://i.stack.imgur.com/izorK.png
  </code></pre>