tyle>
      .table th, .table td {
          text-align: center;
      }
    </style>
    <table class="table table-sm table-striped table-bordered">
        <thead class="thead-light">
            <tr>
                <th scope="col">ID <i class="fa-solid fa-sort"></i></th>
                <th scope="col">Name <i class="fa-solid fa-sort"></i></th>
                <th scope="col">Quantity <i class="fa-solid fa-sort"></i></th>
                <th scope="col">Price <i class="fa-solid fa-sort"></i></th>
      