NKC/NKC_WF/WebUserControls/cmp_MU_bins.ascx

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

<div class="card text-center mb-2" style="width: 100%;">
  <h5 class="card-header bg-primary text-light">BINS</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">BIN00008</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-success">
              <th scope="row">BIN00009</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-success">
              <th scope="row">BIN00010</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-success">
              <th scope="row">BIN00011</th>
              <td>50/50</td>
              <td>100%</td>
            </tr>
            <tr class="text-warning">
              <th scope="row">BIN00012</th>
              <td>12/50</td>
              <td>24%</td>
            </tr>
            <tr class="text-warning">
              <th scope="row">BIN00013</th>
              <td>10/50</td>
              <td>20%</td>
            </tr>
            <tr class="text-warning">
              <th scope="row">BIN00014</th>
              <td>1/50</td>
              <td>2%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">BIN00015</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">BIN00016</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">BIN00017</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">BIN00018</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">BIN00019</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">BIN00020</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
            <tr class="text-danger">
              <th scope="row">BIN00021</th>
              <td>0/50</td>
              <td>0%</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>