<table class="table products" data-show-toggle="false" id="tableproducts" *ngIf="products.length > 0">
            <thead>
              <tr>
                <th>Nome</th>
                <th>Preço</th>
                <th data-breakpoints="all">Quantidade</th>
                <th data-breakpoints="all">Valor Total</th>
                <th data-breakpoints="all"></th>
              </tr>
            </thead>
            <tbody>
              <tr data-expanded="false" *ngFor="let item of products">
                <td>{{ item.data.description }}</td>
                <td>{{ item.data.uf_prices[ufSelected] }}</td>
                <td> <input type="number" class="col-lg-2" name="quantidade" id="quantidade" min="0"> </td>
                <td> <input type="text" class="col-lg-2" name="total" id="total" disabled> </td>
                <td> <button class="btn btn-primary float-right" id="buttoncart"(click)="addCart()"><i class="fa fa-shopping-cart"></i> Adicionar ao Carrinho </button> </td>
              </tr>
            </tbody>
          </table>