Question

我正在开发一个应用程序，因此我可以在后端获取一些数据并显示在视图上。在视图中我已分为2列（使用引导网格系统）。在左列（col-md-4）上，遍历变量并显示特定代理的ID。

我想实现一种功能，当特定代理的ID显示在左列时，所有销售额都显示在表tbody标记的右列（col-md-8）中。 对于后续代理，应重复同样的操作（应仅在突出显示ID之后显示）

下面的数组存储在名为asm的变量中

array:4 [▼
  0 => array:3 [▼
    "id" => "157"
    "unit_sales" => array:7 [▶]
    "sales" => array:3 [
      0 => "RL************"
      1 => "RL************"
      2 => "RL************"
    ]
  ]
  1 => array:3 [▼
    "id" => "73401"
    "unit_sales" => array:8 [ …8]
    "sales" => array:3 [
      0 => "RL************"
      1 => "RL************"
      2 => "RL************"
    ]
  ]
  2 => array:3 [▼
    "id" => "0"
    "unit_sales" => array:1 [ …1]
    "sales" => array:3 [
      0 => "RL************"
      1 => "RL************"
      2 => "RL************"
    ]
  ]
  3 => array:3 [▼
    "id" => "76300"
    "unit_sales" => array:1 [ …1]
    "sales" => array:3 [
      0 => "RL************"
      1 => "RL************"
      2 => "RL************"
    ]
  ]
]

布局

<div class="row">
  <!-- lEFT column -->
  <div class="col-md-4">
   <div id="MainMenu">
    <div class="list-group panel">
      <!-- Level 1 -->
      @php
        $i = 1;
      @endphp
      @foreach($asm as $a)
       <a href="#demo{{$i}}" class="list-group-item list-group-item-primary" > Sales ID : {{ $a['id'] }} <i class="fa fa-caret-down"></i></a>
       @php $i++; @endphp
      @endforeach
      <!-- END level 1-->
    </div> 
  </div>
</div>
<!-- END left column-->

<!-- Right column-->
<div class="col-md-8">
      <table id="summary-table">
          <thead>
          <tr>
              <th>Sales</th>
          </tr>
          </thead>
          <tbody>
          <tr>
              <td> <!-- Add dynamic sales--></td>
            </tr> 
          </tbody>
      </table>
</div>
<!-- END-->
</div>

在引导程序的两列中显示动态数据的问题

0 个答案: