如何为表格的每一行创建一个接受按钮？

<tbody>
    <?php
    $sql = "SELECT * FROM appointments INNER JOIN patients ON appointments.patientID =patients.patientID WHERE docID='$doctorId'";
    $stmt = $conn->prepare($sql);
    $stmt->execute();
    $i=0;
    while($row = $stmt->fetch(PDO::FETCH_ASSOC)){
        $i++;
        extract($row);
        echo"<tr>
            <td >$i</td>
            <td>{$patientFName} {$patientLName}</td>
            <td>{$AppStart}</td>
            <td>{$AppEnd}</td>
            <td class='refuseAccept'>
                <button type='button' class='btn btn-outline-danger'>拒绝</button>
                <button type='button' class='btn btn-outline-success m-2 acceptPpomentDoc'>接受</button>
            </td>
            <td class='showOptions m-2' style='display:none;'>
                <a href='#' title='查看详情' class='text-success p-2 addappoment'> <i class='fas fa-calendar-check'></i></a>
                <a href='#' title='编辑' class='text-primary p-2 editBtn'><i class='fas fa-user-edit'></i> </a>
                <a href='#' title='删除' class='text-danger p2 deleteBtn'><i class='fas fa-user-times'></i> </a>
            </td>
        </tr>";
    }
    ?>
</tbody>

$(document).on('click', '.acceptPpomentDoc', function() {
    // $(this) references the item clicked, in this case the accept button
    $(this).closest('tr').find('.showOptions').show();
    // find the containing <tr>, then from there find the div with class name showOptions and set display:block
    $(this).closest('tr').find('.refuseAccept').hide();
    // find the containing <tr>, then from there find the div with class name refuseAccept and set display:none
});

.showOptions {
  display: none;
}