NKC/NKC_WF/WebUserControls/cmp_MU_carts.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="cmp_MU_carts.ascx.cs" Inherits="NKC_WF.WebUserControls.cmp_MU_carts" %>

<div class="card text-center mb-2" style="width: 100%;">
  <h5 class="card-header bg-success">CARTS</h5>
  <div class="card-body py-1">
    <div class="row">
      <div class="col-12 px-0">
        <table class="table table-sm table-striped">
          <thead>
            <tr>
              <th scope="col">Cod</th>
              <th scope="col">D/T</th>
              <th scope="col">%</th>
            </tr>
          </thead>
          <tbody>
            <tr class="text-success">
              <th scope="row">CR00007</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-success">
              <th scope="row">CR00008</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-success">
              <th scope="row">CR00009</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-success">
              <th scope="row">CR00010</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-success">
              <th scope="row">CR00011</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-warning">
              <th scope="row">CR00012</th>
              <td>12/50</td>
              <td>24%</td>
            </tr>
            <tr class="text-warning">
              <th scope="row">CR00013</th>
              <td>10/50</td>
              <td>20%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">CR00014</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">CR00015</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">CR00016</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">CR00017</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">CR00018</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">CR00019</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">CR00020</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>