Кнопка корзины не работает

Привет, у меня есть еще несколько проблем с кодированием. Когда мне нужно изменить структуру кодирования с div на таблицу, кнопка добавления в корзину не работает. Когда она работает, когда она находится в div, но у меня не работает кнопка корзины для таблицы, пожалуйста, помогите мне решить мою проблему ..

Код ниже - это старый код (div), который здесь отлично работает.

 <?php if ($microproduct['nr']){?>
               <div class = "product-box">
                    <div class = "list" id = "micropro">
                            <?php foreach ($microproduct['result'] as $resultmicroproduct){ ?> 
                                <div class = "row">
                                <div class = "col-md-3">
                                  <img src = "images/feature-two-one.png" class = "img-fluid mx-auto d-block">
                                </div>
                              <div class = "col-md-7">
                                  <div class = "pro-desc">
                                    <h5><?php echo $conn->stripval($resultmicroproduct['microsoft_product_legalname']);?></h5>
                                    <p>Part number: <?php echo $conn->stripval($resultmicroproduct['microsoft_product_partnumber']);?></p>
                                    <p>Item Name: <?php echo $conn->stripval($resultmicroproduct['microsoft_product_name']);?></p>
                                    <p>Product family: <?php echo $conn->stripval($resultmicroproduct['microsoft_product_family']);?></p>
                                    <h4><i class = "fa fa-rupee"></i> <?php echo $conn->stripval($resultmicroproduct['microsoft_product_price']);?></h4>
                                  </div>
                                </div>
                                <div class = "col-md-2">
                                  <div class = "wrapper-div">
                                    <input min = "1" type = "number" name = "quantity<?php echo $resultmicroproduct['microsoft_product_id'] ?>" class = "form-control" id = "quantity" value = "1" autocomplete = "off">
                                    <br>
                                    <?php $postvalue = base64_encode(json_encode($resultmicroproduct)); ?>
                                     <input type = "hidden" name = "type" value = "microsoft_product">
                                    <button class = "btn btn-dark btn-sm add_to_cart"  id = "<?php echo $resultmicroproduct['microsoft_product_id'] ?>" >Add to Cart</button>
                                  </div>
                                </div> 
                            </div>
                            <?php } ?>
                    </div>
                </div>
                <?php } ?>

Код ниже - новая кнопка корзины (таблица) не работает.

<table id = "example" class = "table table-striped table-bordered" style = "width:100%">
                <thead>
                    <tr>
                        <th>Image</th>
                        <th>Product Description</th>
                        <th>Quantity & Cart</th>
                    </tr>
                </thead>
                <?php if ($microproduct['nr']){?>
                <tbody>
                    <?php foreach ($microproduct['result'] as $resultmicroproduct){ ?>  
                    <tr class = "product-box">  
                        <td><img src = "images/feature-two-one.png" class = "img-fluid mx-auto d-block"></td>
                        <td>
                          <div class = "pro-desc">
                            <h5><?php echo $conn->stripval($resultmicroproduct['microsoft_product_legalname']);?></h5>
                            <p>Part number: <?php echo $conn->stripval($resultmicroproduct['microsoft_product_partnumber']);?></p>
                            <p>Item Name: <?php echo $conn->stripval($resultmicroproduct['microsoft_product_name']);?></p>
                            <p>Product family: <?php echo $conn->stripval($resultmicroproduct['microsoft_product_family']);?></p>
                            <h4><i class = "fa fa-rupee"></i> <?php echo $conn->stripval($resultmicroproduct['microsoft_product_price']);?></h4>
                          </div>
                        </td>
                        <td>
                          <div class = "wrapper-div">
                            <input min = "1" type = "number" name = "quantity<?php echo $resultmicroproduct['microsoft_product_id'] ?>" class = "form-control" id = "quantity" value = "1" autocomplete = "off">
                            <br>
                             <input type = "hidden" name = "type" value = "microsoft_product">
                            <button class = "btn btn-dark btn-sm add_to_cart" id = "<?php echo $resultmicroproduct['microsoft_product_id'] ?>">Add to Cart</button>
                          </div>
                        </td>
                    </tr>  
                    <?php } ?>
                </tbody>
                <?php } ?>
                <tfoot>
                    <th>Image</th>
                    <th>Product Description</th>
                    <th>Quantity & Cart</th>
                </tfoot>
        </table>