title: How to insert a button in a react table?
body: <p>I'm trying to insert a button in a react table so that the UI will be like so: <a href="https://i.stack.imgur.com/TVLpv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TVLpv.png" alt="Ideal UI" /></a>
  However, since I construct the table using the format of &quot;tableHead&quot; &amp; &quot;tableData&quot; as shown below, seems like it is not permissible for me to add a button in the tableData array.
  May I ask how should I add the button in the place as highlighted in the picture? Much appreciated.</p>
  <pre><code>             &lt;CardBody&gt;
                &lt;Table
                  tableHeaderColor=&quot;warning&quot;
                  tableHead={[
                    &quot;Name&quot;,
                    &quot;Market Value&quot;,
                    &quot;Total Holding Value&quot;,
                    &quot;Face Value&quot;,
                    &quot;Maturity Date&quot;,
                    &quot;Total Interest Received&quot;,
                    &quot;Action&quot;,
                  ]}
                  tableData={[
                    [
                      &quot;PBS17&quot;,
                      &quot;Rp 93,000&quot;,
                      &quot;Rp 9,300,000&quot;,
                      &quot;Rp 1,000,000&quot;,
                      &quot;30/6/2027&quot;,
                      &quot;Rp 525,000&quot;,
                      &quot;Button&quot;
                    ],
                  ]}
                /&gt;
              &lt;/CardBody&gt;
  </code></pre>