table small bootstrap 5

Add Answer

Shadow answered on July 3, 2020 Popularity 10/10 Helpfulness 2/10

answer table small bootstrap 5

related div table bootstrap 4

related bootstrap 5 table responsive

related Bootstrap table small

related table in bootstrap 4

related table bootstrap 4

related table responsive bootstrap 5.3

related bootstarp 5 table

table small bootstrap 5

Comment

<div class="modal fade " id="order_products_{{$order->id}}" tabindex="-1" aria-labelledby="order_products_{{$order->id}}Label" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">@lang('template::all.order_id_products', ['orderId' => $order->id])</h5>
      </div>
      <div class="modal-body p-2 m-2">
        <div class="table-responsive">
          <table class="table table-sm">
            <thead>
              <tr>
                <th scope="col" width="7px" class="text-center">#</th>
                <th scope="col" width="60px"></th>
                <th scope="col">@lang('template::all.product_name')</th>
                <th scope="col" class="text-center">@lang('template::all.quantity')</th>
                <th scope="col" class="text-center" width="130px;">@lang('template::all.profile.my_monthly_payment')</th>
                <th scope="col" class="text-center">@lang('template::all.total_price')</th>
              </tr>
            </thead>
            <tbody>
              @foreach($order->products as $product)
              <tr>
                <th scope="row" class="align-middle text-center">{{$product->id}}</th>
                <td><img src="{{$product->image}}" alt="" width="50" height="50"></td>
                <td class="align-middle">{{AdminService::trans($product->name)}}</td>
                <td class="align-middle text-center">{{$product->quantity}}</td>
                <td class="align-middle text-center"> {{AdminService::pricePrint($product->intend_price , true, true)}}</td>
                <td class="align-middle text-center">{{AdminService::pricePrint($product->total_price_intend, true, true)}}</td>
              </tr>
              @endforeach
              <tr>
                <td colspan="4" class="fw-bold">@lang('template::all.total')</td>
                <td class="text-center fw-bold">{{AdminService::pricePrint($order->intend_price, true, true)}}</td>
                <td class="text-center fw-bold">{{AdminService::pricePrint($order->total_price_intend, true, true)}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="modal-footer" style="display: block;">
        <button type="button" class="btn btn-primary" id="order_products_{{$order->id}}Button">@lang('template::all.close')</button>
      </div>
    </div>
  </div>
</div>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: bootstrap-5 html

Link to this answer
Share Copy Link

Contributed on Feb 03 2023

Shadow

0 Answers Avg Quality 2/10

Closely Related Answers

div table bootstrap 4

Comment

<table class="table table-striped table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 10/10 Helpfulness 7/10 Language html

Source: getbootstrap.com

Tags: bootstrap-4 boot

Link to this answer
Share Copy Link

Contributed on Jul 03 2020

Busy Butterfly

0 Answers Avg Quality 2/10

bootstrap 5 table responsive

Comment

<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th scope="col">#</th>
        <th scope="col">Heading</th>
        <th scope="col">Heading</th>
        <th scope="col">Heading</th>
        <th scope="col">Heading</th>
        <th scope="col">Heading</th>
        <th scope="col">Heading</th>
        <th scope="col">Heading</th>
        <th scope="col">Heading</th>
        <th scope="col">Heading</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
      <tr>
        <th scope="row">3</th>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
    </tbody>
  </table>
</div>

Popularity 10/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: bootstrap-5 boot

Link to this answer
Share Copy Link

Contributed on Feb 02 2023

Shadow

0 Answers Avg Quality 2/10

Bootstrap table small

Comment

<table class="table table-sm">
  ...
</table>

Popularity 10/10 Helpfulness 3/10 Language html

Source: getbootstrap.com

Tags: bootstrap-table

Link to this answer
Share Copy Link

Contributed on Oct 11 2021

Hurt Horse

0 Answers Avg Quality 2/10

table in bootstrap 4

Comment

<table class="table table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 10/10 Helpfulness 3/10 Language html

Source: getbootstrap.com

Tags: bootstrap-4 boot

Link to this answer
Share Copy Link

Contributed on Dec 05 2020

Bored Bison

0 Answers Avg Quality 2/10

table bootstrap 4

Comment

<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Popularity 10/10 Helpfulness 3/10 Language html

Source: getbootstrap.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Jan 21 2022

0 Answers Avg Quality 2/10

table responsive bootstrap 5.3

Comment

<table class="table">
  ...
</table>

Popularity 8/10 Helpfulness 2/10 Language whatever

Source: getbootstrap.com

Tags: responsive r

Link to this answer
Share Copy Link

Contributed on Jul 09 2024

Relieved Rook

0 Answers Avg Quality 2/10

bootstarp 5 table

Comment

<!-- On tables -->
<table class="table-secondary">...</table>
<table class="table-secondary">...</table>
<table class="table-success">...</table>
<table class="table-danger">...</table>
<table class="table-warning">...</table>
<table class="table-info">...</table>
<table class="table-light">...</table>
<table class="table-dark">...</table>

<!-- On rows -->
<tr class="table-primary">...</tr>
<tr class="table-secondary">...</tr>
<tr class="table-success">...</tr>
<tr class="table-danger">...</tr>
<tr class="table-warning">...</tr>
<tr class="table-info">...</tr>
<tr class="table-light">...</tr>
<tr class="table-dark">...</tr>

<!-- On cells (`td` or `th`) -->
<tr>
  <td class="table-primary">...</td>
  <td class="table-secondary">...</td>
  <td class="table-success">...</td>
  <td class="table-danger">...</td>
  <td class="table-warning">...</td>
  <td class="table-info">...</td>
  <td class="table-light">...</td>
  <td class="table-dark">...</td>
</tr>

Popularity 9/10 Helpfulness 1/10 Language css

Source: getbootstrap.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 04 2024

Funny Fly

0 Answers Avg Quality 2/10

table small bootstrap 5

Contents

More Related Answers

table small bootstrap 5

Closely Related Answers

div table bootstrap 4

bootstrap 5 table responsive

Bootstrap table small

table in bootstrap 4

table bootstrap 4

table responsive bootstrap 5.3

bootstarp 5 table

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.