表数据未正确显示

Table Data not showing properly

提问人:Xen 提问时间:11/9/2023 最后编辑:mplungjanXen 更新时间:11/9/2023 访问量:42

问:

如何添加有关 Ratee 绩效水平的数据?我试图添加不同的 td,但它确实低于 Ratee 的性能水平,我认为这是因为我使用了 for 循环。有人可以帮忙为什么它没有显示,或者如何正确设置桌子。

表代码

<table class="table table-borderless">
  <thead>
    <tr>
      <th>Performance Measurement</th>
      <th>Criteria</th>
      <th>Total Actual Points/Rate</th>
      <th>Passing Points/Rate</th>
      <th>Ratee's Performance Level</th>
      <th>Remarks</th>
    </tr>
  </thead>
  <tbody>
    @foreach ($partsWithFactors as $partWithFactors)
    <tr>
      <td>{{ $partWithFactors['part']->name }}</td>
      <td>{{ $partWithFactors['part']->criteria }}%</td>
      <td>{{ $totalRates[$partWithFactors['part']->id] }}</td>
      @endforeach
      <td style="text-align: center; vertical-align: middle" rowspan="4">
        80%
      </td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>Total</td>
      <td>100%</td>
      <td>{{ $combinedTotalRate }}</td>
      <td></td>
      <td>
      </td>
    </tr>
  </tbody>
</table>

这是我想要的外观(这是我以前的代码),我修改了它以使值动态化。

<table class="table table-borderless">
  <thead>
    <tr>
      <th>Performance Measurement</th>
      <th>Criteria</th>
      <th>Total Actual Points/Rate</th>
      <th>Passing Points/Rate</th>
      <th>Ratee's Performance Level</th>
      <th>Remarks</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Part 1 Result area</td>
      <td>50%</td>
      <td>{{ $totalRatePart1 }}</td>
      <td style="text-align: center; vertical-align: middle" rowspan="4">
        80%
      </td>
      <td> <span style="color: {{ $totalRateCombine >= 95 && $totalRateCombine <= 100 ? 'green' : 'default' }};">95-100% Outstanding</span>
      </td>
      <td>
        <span style="color: {{ $totalRateCombine >= 80 ? 'green' : 'red' }};">
          {{ $totalRateCombine >= 80 ? 'Passed' : 'Failed' }}
        </span>
      </td>
    </tr>
    <tr>
      <td>Part 2. Behavior Traits</td>
      <td>30%</td>
      <td>{{ $totalRatePart2 }}</td>
      <td> <span style="color: {{ $totalRateCombine >= 90 && $totalRateCombine < 94 ? 'orange' : 'default' }};">90-94% High Average</span>
      </td>
      <td></td>
    </tr>

    <tr>
      <td>Part 3. Core Values</td>
      <td>20%</td>
      <td>{{ $totalRatePart3 }}</td>
      <td> <span style="color: {{ $totalRateCombine >= 80 && $totalRateCombine < 89 ? 'blue' : 'default' }};">80-89% Average</span>
      </td>
      <td></td>
    </tr>
    <tr>
      <td>Total</td>
      <td>100%</td>
      <td>{{ $totalRateCombine }}</td>
      <td>
        <span style="color: {{ $totalRateCombine >= 70 && $totalRateCombine < 80 ? 'yellow' : 'default' }};">70-79%  Satisfactory</span>
      </td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td>
        <span style="color: {{ $totalRateCombine < 69 ? 'red' : 'default' }};">69% & below</span>
      </td>
    </tr>
  </tbody>
</table>

Table design that i want to copy

HTML 表格

评论

0赞 Diego D 11/9/2023
在模板中,有一个不关闭行的 foreach 循环。A 是一行,是行中的单元格。您应该在循环中嵌入单元格值,并且每次迭代都应打开和关闭该行。也许如果你只是在关闭后移动它就足够了。并且每行都应该有相同数量的 tds,除非有跨越选项trtd@endforeach</tr>

答: 暂无答案