Formatting pluck('') output in Laravel blade - php

Question

just wondering how to format this output for a better view? (second picture). as you can see in the first picture the output from pluck('name') was like {Tidak Masuk Sekolah} {Terlambat}. check the pictures below
and this is my view, I'm using table
<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

You could use an ol element to achieve that look.
<tr>
<td>
<p>Masalah yang dihadapi</p>
<ol>
#foreach ($counseling->problems->pluck('name') as $problem_name)
<li>{{ $problem_name }}</li>
#endforeach
</ol>
</td>
</tr>
Or
<tr>
<td>Masalah yang dihadapi</td>
<td>
<ol>
#foreach ($counseling->problems->pluck('name') as $problem_name)
<li>{{ $problem_name }}</li>
#endforeach
</ol>
</td>
</tr>
Depending on where you want the list to appear