How to display column data under a specific column in react bootstrap table - html-table

Question

I am create a React Bootstrap Table using data from an array. There can be 4 or 5 columns depending on the array, 3 or 4 of them with data from the array and I want the final column 'Admin' to always contain 2 button. So in the below example there are 4 players and a time taken from the array, but in the array there are 6 players, so the first row is full, and the second row only has 2 players. This is what I am currently getting
Time | player1 | player 2 | player 3 | player4 | Admin
_____________________________________________________________________________________
10:00 | Joe B | Mike A | John S | Paul W | button 1, button 2
______________________________________________________________________________________
10:10 | Karl A | Sean F | button 1, button 2 | |
I want the 2 buttons to always be in the Admin column, even if other columns are not populated.
Time | player1 | player 2 | player 3 | player4 | Admin
_____________________________________________________________________________________
10:00 | Joe B | Mike A | John S | Paul W | button 1, button 2
______________________________________________________________________________________
10:10 | Karl A | Sean F | | | button 1, button 2
Code for the tables,
<Table striped bordered hover responsive>
<thead>
<tr>
<th >Tee time</th>
<th >Player 1</th>
<th>Player 2</th>
<th>Player 3</th>
{teeTimes[0] !== undefined && teeTimes[0].noOfSlots === 4 &&
<th>Player 4</th>}
{props.loggedInUser.role === 'ADMIN' &&
<th id='admin'>Admin</th>}
</tr>
</thead>
{teeTimes.map((teetime =>
<tbody key={teetime.id}>
<tr>
<td>{teetime.teeTime}</td>
{teetime.entrants.map((entrant) =>
<td>{entrant.member['firstName']} {entrant.member['surname']} ({entrant.member['handicap']})</td>
)}
{props.loggedInUser.role === 'ADMIN' &&
<td headers='admin'>
<button className="btn btn-danger m-2" onClick={() => deleteTeeSheet(teetime.id)}>delete</button>
<button className="btn btn-warning m-2" onClick={() => handleShowEditTeeTime(teetime.id)}>Update</button>
</td>}
</tr>
</tbody>
))}
</Table>
Is there a way to tell the table that the buttons <td> should always be under the admin <th>