title: Highlighting or removing a row based on the click of a button in that row
body: <p>I'm using React-Table and I have two buttons in the first cell of each row of my table and the code looks like this:</p>
  
  <pre><code>const columns = React.useMemo(
   () =&gt; [
  
   {
      Header: 'Available Aliens',
      columns: [
      {
          Header: 'Generate/Kill',
          className: "lifeForceRow",
          Cell: ({ row }) =&gt;
                         &lt;div&gt;
                             &lt;Button variant="success" onClick={() =&gt; 
                              handleGenerate(row.original.id)}&gt;Generate&lt;/Button&gt;
                             &lt;Button variant="danger" onClick={() =&gt; 
                              handleKill(row.original.id)}&gt;Kill&lt;/Button&gt;
                         &lt;/div&gt;
      },
  
      {
          Header: 'Planet',
          accessor: 'planetName'
      },
      {
          Header: 'Galaxy',
          accessor: 'galaxyName'
      }
              ]
          }
      ],
      []
  )
  </code></pre>
  
  <p>And then the two functions that handle each click look like this:</p>
  
  <pre><code>const handleGenerate = (e) =&gt; {
      alert("Alien Generated");
  }
  
  const handleKill = (e) =&gt; {
      alert("Alien Killed");
  }
  </code></pre>
  
  <p>Is there a way to remove the row when I click the Kill button and a way to highlight the row if I click the Generate button?</p>
  
  <p>I have the buttons working because the alerts pop-up, but I can't figure out how to interact with the row that each button group belongs to.</p>
  
  <p>Thanks!</p>