Laravel 刀片中的格式化 pluck('') output

Question

只是想知道如何格式化这个 output 以获得更好的视图？ （第二张图片）。 正如您在第一张图片中看到的，来自 pluck('name') 的 output 就像 {Tidak Masuk Sekolah} {Terlambat}。 检查下面的图片

这是我的观点，我正在使用表格

<div class="card-body">
  <h2 class="display-4 text-center">{{ $title }}</h2>
  <div class="table-responsive d-flex justify-content-center">
    <table class="table mx-9 my-6 table-borderless">
      <tr>
        <td>Nama Siswa</td>
        <td>{{ $counseling->student->name }}</td>
      </tr>
      <tr>
        <td>Kelas</td>
        <td>{{ $counseling->student->student_class->name }}</td>
      </tr>
      <tr>
        <td>Masalah yang dihadapi</td>
        @foreach ($counseling->problems->pluck('name') as $problem_name) {
          <td>{{ $problem_name }}</td>
        }
        @endforeach
      </tr>
    </table>
  </div>
</div>

Answer 1

您可以使用ol元素来实现该外观。

<tr>
  <td>
    <p>Masalah yang dihadapi</p>
    <ol>
        @foreach ($counseling->problems->pluck('name') as $problem_name)
          <li>{{ $problem_name }}</li>
        @endforeach
    </ol>
  </td>
</tr>

或者

<tr>
  <td>Masalah yang dihadapi</td>
  <td>
    <ol>
        @foreach ($counseling->problems->pluck('name') as $problem_name)
          <li>{{ $problem_name }}</li>
        @endforeach
    </ol>
  </td>
</tr>

取决于您希望列表出现的位置