Table

Table #1

Design
HTML

My Wishlist

There are 5 products in this wishlist.

Product	Amount	Status	Actions
Organic Banana $.98 / lb	$35.00	In Stock	Add to Cart
Fresh Kiwi 4 no	$20.97	Out of Stock	Contact us
Golden Pineapple 2 no	$35.00	In Stock	Add to Cart
BeatRoot 1 kg	$29.00	In Stock	Add to Cart
Fresh Apple 2 kg	$70.00	In Stock	Add to Cart

<div class="row">
<div class="col-lg-12">
      <div class="mb-8">
         <!-- heading -->
         <h1 class="mb-1">My Wishlist</h1>
         <p>There are 5 products in this wishlist.</p>
      </div>
      <div>
         <!-- table -->
         <div class="table-responsive">
            <table class="table text-nowrap">
               <thead class="table-light">
                  <tr>
                     <th>
                        <!-- form check -->
                        <div class="form-check">
                    <!-- input --><input class="form-check-input" type="checkbox" value="" id="checkAll">
                    <!-- label --><label class="form-check-label" for="checkAll">
                    </label>
                        </div>
                     </th>
                     <th></th>
                     <th>Product</th>
                     <th>Amount</th>
                     <th>Status</th>
                     <th>Actions</th>
                     <th>Remove</th>
                  </tr>
               </thead>
               <tbody>
                  <tr>
                     <td class="align-middle">
                        <!-- form check -->
                        <div class="form-check">
                            <!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxTwo">
                            <!-- label --><label class="form-check-label" for="chechboxTwo">
                            </label>
                        </div>
                     </td>
                     <td class="align-middle">
                        <a href="#"><img src="../../assets/images/products/product-img-18.jpg" class="icon-shape icon-xxl" alt=""></a>
                     </td>
                     <td class="align-middle">
                        <div>
                        <h5 class="fs-6 mb-0"><a href="#" class="text-inherit">Organic Banana</a></h5>
                        <small>$.98 / lb</small>
                        </div>
                     </td>
                     <td class="align-middle">$35.00</td>
                     <td class="align-middle"><span class="badge bg-success">In Stock</span></td>
                     <td class="align-middle">
                        <div class="btn btn-primary btn-sm">Add to Cart</div>
                     </td>
                     <td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
                        <i class="feather-icon icon-trash-2"></i>
                        </a>
                     </td>
                  </tr>
                  <tr>
                     <td class="align-middle">
                        <!-- form check -->
                        <div class="form-check">
                        <!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxThree">
                        <!-- label --><label class="form-check-label" for="chechboxThree">
                        </label>
                        </div>
                     </td>
                     <td class="align-middle">
                        <a href="#"><img src="../../assets/images/products/product-img-17.jpg" class="icon-shape icon-xxl" alt=""></a>
                     </td>
                     <td class="align-middle">
                        <div>
                        <h5 class="fs-6 mb-0"><a href="#" class="text-inherit">Fresh Kiwi</a></h5>
                        <small>4 no</small>
                        </div>
                     </td>
                     <td class="align-middle">$20.97</td>
                     <td class="align-middle"><span class="badge bg-danger">Out of Stock</span></td>
                     <td class="align-middle">
                        <div class="btn btn-dark btn-sm">Contact us</div>
                     </td>
                     <td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
                        <i class="feather-icon icon-trash-2"></i>
                        </a>
                     </td>
                  </tr>
                  <tr>
                     <td class="align-middle">
                        <!-- form check -->
                        <div class="form-check">
                         <!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxFour">
                          <!-- label --><label class="form-check-label" for="chechboxFour">
                     </label>
                        </div>
                     </td>
                     <td class="align-middle">
                        <a href="#"><img src="../../assets/images/products/product-img-16.jpg" class="icon-shape icon-xxl" alt=""></a>
                     </td>
                     <td class="align-middle">
                        <div>
                           <h5 class="fs-6 mb-0"><a href="#" class="text-inherit">Golden Pineapple</a></h5>
                             <small>2 no</small>
                        </div>
                     </td>
                     <td class="align-middle">$35.00</td>
                     <td class="align-middle"><span class="badge bg-success">In Stock</span></td>
                     <td class="align-middle">
                        <div class="btn btn-primary btn-sm">Add to Cart</div>
                     </td>
                     <td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
                        <i class="feather-icon icon-trash-2"></i>
                        </a>
                     </td>
                  </tr>
                  <tr>
                     <td class="align-middle">
                        <!-- form check -->
                        <div class="form-check">
                            <!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxFive">
                            <!-- label --><label class="form-check-label" for="chechboxFive">
                          </label>
                        </div>
                     </td>
                     <td class="align-middle">
                        <a href="#"><img src="../../assets/images/products/product-img-19.jpg" class="icon-shape icon-xxl" alt=""></a>
                     </td>
                     <td class="align-middle">
                        <div>
                         <h5 class="fs-6 mb-0"><a href="#" class="text-inherit">BeatRoot</a></h5>
                         <small>1 kg</small>
                        </div>
                     </td>
                     <td class="align-middle">$29.00</td>
                     <td class="align-middle"><span class="badge bg-success">In Stock</span></td>
                     <td class="align-middle">
                        <div class="btn btn-primary btn-sm">Add to Cart</div>
                     </td>
                     <td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
                        <i class="feather-icon icon-trash-2"></i>
                        </a>
                     </td>
                  </tr>
                  <tr>
                     <td class="align-middle">
                        <!-- form check -->
                        <div class="form-check">
                      <!-- input --><input class="form-check-input" type="checkbox" value="" id="chechboxSix">
                     <!-- label --><label class="form-check-label" for="chechboxSix">
                     </label>
                        </div>
                     </td>
                     <td class="align-middle">
                        <a href="#"><img src="../../assets/images/products/product-img-15.jpg" class="icon-shape icon-xxl" alt=""></a>
                     </td>
                     <td class="align-middle">
                        <div>
                     <h5 class="fs-6 mb-0"><a href="#" class="text-inherit">Fresh Apple</a></h5>
                        <small>2 kg</small>
                        </div>
                     </td>
                     <td class="align-middle">$70.00</td>
                     <td class="align-middle"><span class="badge bg-success">In Stock</span></td>
                     <td class="align-middle">
                        <div class="btn btn-primary btn-sm">Add to Cart</div>
                     </td>
                     <td class="align-middle "><a href="#" class="text-muted" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Delete">
                        <i class="feather-icon icon-trash-2"></i>
                        </a>
                     </td>
                  </tr>
     </tbody>
   </table>
   </div>
 </div>
 </div>
 </div>

Table #2

Design
HTML

Your Orders

Product	Order	Date	Items	Status	Amount
Haldiram's Nagpur Aloo Bhujia 400g	#14899	March 5, 2023	1	Processing	$15.00
Nutri Choise Biscuit 2 Pkt	#14658	July 9, 2023	2	Completed	$45.00
Cadbury Dairy Milk 5 Star Bites 202 g	#13778	Oct 03, 2023	4	Completed	$99.00
Onion Flavour Potato 100 g	#13746	March 5, 2023	1	Completed	$12.00
Salted Instant Popcorn 500 g	#13566	July 9, 2023	2	Cancel	$6.00
Blueberry Greek Yogurt 500 g	#12094	Oct 03, 2023	4	Completed	$18.00

<div class="row">
<div class="col-lg-9 col-md-8 col-12">
     <div class="py-6 p-md-6 p-lg-10">
        <!-- heading -->
        <h2 class="mb-6">Your Orders</h2>
        <div class="table-responsive border-0">
           <!-- Table -->
           <table class="table mb-0 text-nowrap">
              <!-- Table Head -->
              <thead class="table-light">
                 <tr>
                    <th class="border-0">&nbsp;</th>
                    <th class="border-0">Product</th>
                    <th class="border-0">Order</th>
                    <th class="border-0">Date</th>
                    <th class="border-0">Items</th>
                    <th class="border-0">Status</th>
                    <th class="border-0">Amount</th>
                    <th class="border-0"></th>
                 </tr>
              </thead>
              <tbody>
                 <!-- Table body -->
                 <tr>
                    <td class="align-middle border-top-0 w-0">
                       <a href="#"> <img src="../../assets/images/products/product-img-1.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="fw-semibold text-inherit">
                            <h6 class="mb-0">Haldiram's Nagpur Aloo Bhujia</h6>
                       </a>
                       <span><small class="text-muted">400g</small></span>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="text-inherit">#14899</a>
                    </td>
                    <td class="align-middle border-top-0">
                       March 5, 2023
                    </td>
                    <td class="align-middle border-top-0">
                       1
                    </td>
                    <td class="align-middle border-top-0">
                       <span class="badge bg-warning">Processing</span>
                    </td>
                    <td class="align-middle border-top-0">
                       $15.00
                    </td>
                    <td class="text-muted align-middle border-top-0">
                       <a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
                    </td>
                 </tr>
                 <tr>
                    <td class="align-middle border-top-0 w-0">
                       <a href="#"> <img src="../../assets/images/products/product-img-2.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="fw-semibold text-inherit">
                          <h6 class="mb-0">Nutri Choise Biscuit</h6>
                       </a>
                       <span><small class="text-muted">2 Pkt</small></span>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="text-inherit">#14658
                       </a>
                    </td>
                    <td class="align-middle border-top-0">
                       July 9, 2023
                    </td>
                    <td class="align-middle border-top-0">
                       2
                    </td>
                    <td class="align-middle border-top-0">
                       <span class="badge bg-success">Completed</span>
                    </td>
                    <td class="align-middle border-top-0">
                       $45.00
                    </td>
                    <td class="text-muted align-middle border-top-0">
                       <a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
                    </td>
                 </tr>
                 <tr>
                    <td class="align-middle border-top-0 w-0">
                       <a href="#"> <img src="../../assets/images/products/product-img-3.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="text-inherit">
                            <h6 class="mb-0">Cadbury Dairy Milk 5 Star Bites </h6>
                          <span><small class="text-muted">202 g</small></span>
                       </a>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="text-inherit">#13778
                       </a>
                    </td>
                    <td class="align-middle border-top-0">
                       Oct 03, 2023
                    </td>
                    <td class="align-middle border-top-0">
                       4
                    </td>
                    <td class="align-middle border-top-0">
                       <span class="badge bg-success">Completed</span>
                    </td>
                    <td class="align-middle border-top-0">
                       $99.00
                    </td>
                    <td class="text-muted align-middle border-top-0">
                       <a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
                    </td>
                 </tr>
                 <tr>
                    <td class="align-middle border-top-0 w-0">
                       <a href="#"> <img src="../../assets/images/products/product-img-4.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="fw-semibold text-inherit">
                        <h6 class="mb-0">Onion Flavour Potato </h6>
                       </a>
                       <span><small class="text-muted">100 g</small></span>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="text-inherit">#13746
                       </a>
                    </td>
                    <td class="align-middle border-top-0">
                       March 5, 2023
                    </td>
                    <td class="align-middle border-top-0">
                       1
                    </td>
                    <td class="align-middle border-top-0">
                       <span class="badge bg-success">Completed</span>
                    </td>
                    <td class="align-middle border-top-0">
                       $12.00
                    </td>
                    <td class="text-muted align-middle border-top-0">
                       <a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
                    </td>
                 </tr>
                 <tr>
                    <td class="align-middle border-top-0 w-0">
                       <a href="#"> <img src="../../assets/images/products/product-img-5.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="fw-semibold text-inherit">
                          <h6 class="mb-0">Salted Instant Popcorn </h6>
                       </a>
                       <span><small class="text-muted">500 g</small></span>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="text-inherit">#13566
                       </a>
                    </td>
                    <td class="align-middle border-top-0">
                       July 9, 2023
                    </td>
                    <td class="align-middle border-top-0">
                       2
                    </td>
                    <td class="align-middle border-top-0">
                       <span class="badge bg-danger">Cancel</span>
                    </td>
                    <td class="align-middle border-top-0">
                       $6.00
                    </td>
                    <td class="text-muted align-middle border-top-0">
                       <a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
                    </td>
                 </tr>
                 <tr>
                    <td class="align-middle border-top-0 w-0">
                       <a href="#"> <img src="../../assets/images/products/product-img-6.jpg" alt="Ecommerce" class="icon-shape icon-xl"></a>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="fw-semibold text-inherit">
                          <h6 class="mb-0">Blueberry Greek Yogurt </h6>
                       </a>
                       <span><small class="text-muted">500 g</small></span>
                    </td>
                    <td class="align-middle border-top-0">
                       <a href="#" class="text-inherit">#12094
                       </a>
                    </td>
                    <td class="align-middle border-top-0">
                       Oct 03, 2023
                    </td>
                    <td class="align-middle border-top-0">
                       4
                    </td>
                    <td class="align-middle border-top-0">
                       <span class="badge bg-success">Completed</span>
                    </td>
                    <td class="align-middle border-top-0">
                       $18.00
                    </td>
                    <td class="text-muted align-middle border-top-0">
                       <a href="#" class="text-inherit" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View"><i class="feather-icon icon-eye"></i></a>
                    </td>
                 </tr>
              </tbody>
           </table>
        </div>
     </div>
  </div>
                         </div>

Product Code:	FBB00255
Availability:	In Stock
Type:	Fruits
Shipping:	01 day shipping.( Free pickup today)

Table

Table #1

My Wishlist

Organic Banana

Fresh Kiwi

Golden Pineapple

BeatRoot

Fresh Apple

Table #2

Your Orders

Haldiram's Nagpur Aloo Bhujia

Nutri Choise Biscuit

Cadbury Dairy Milk 5 Star Bites

Onion Flavour Potato

Salted Instant Popcorn

Blueberry Greek Yogurt

Offcanvas