{{--
  args: $rows, $cols
--}}

@php
  /** @var object[] $columns */
  /** @var \App\Models\Row[]|array[][] $rows */
@endphp

<table class="table table-hover table-sm">
  <thead>
  <tr>
    @foreach($columns as $col)
      <th>{{ $col->title }}</th>
    @endforeach
  </tr>
  </thead>
  <tbody>
  @foreach($rows as $row)
    <tr>
      @php($rdata = json_decode($row['data'], true))
      @foreach($columns as $col)
        <td data-id="{{ $row->id }}">{{ $rdata[$col->name] }}</td>
      @endforeach
    </tr>
  @endforeach
  </tbody>
</table>