У меня проблема с @foreach в моем blade.php. Когда я вставляю фильм с несколькими категориями, остальные мои перемещаются вправо. Вот как это выглядит в браузере и вот код в лезвии
@if ($movies)
<div class = "row">
<table class = "table">
<thead>
<tr>
<th>Name</th>
<th>Categories</th>
<th>Actors</th>
</tr>
</thead>
<tbody>
@foreach($movies as $movie)
<tr>
<td><a href = "{{ route('mov.edit', $movie->id) }}">{{$movie->name}}</a></td>
@foreach($movie->categories as $category)
<td><a href = "{{ route('cat.edit', $category->id) }}">{{$category->category_name}}</a></td>
@endforeach
@foreach($movie->actors as $actor)
<td><a href = "{{ route('act.edit', $actor->id) }}">{{$actor->actor_name}}</a></td>
@endforeach
</tr>
@endforeach
</tbody>
</table>
@endif






Ваша проблема здесь:
@foreach($movie->categories as $category)
<td><a href = "{{ route('cat.edit', $category->id) }}">{{$category->category_name}}</a></td>
@endforeach
Вы говорите, что для каждой категории он должен вставить в вашу таблицу новый <td>. Это, конечно, исказит контент, поскольку ваша таблица ожидает заданное количество столбцов.
Вместо этого вы должны переместить свой оператор foreach в <td></td>.
<td>
@foreach($movie->categories as $category)
<a href = "{{ route('cat.edit', $category->id) }}">{{$category->category_name}}</a>
@endforeach
</td>
Это напечатает ссылки для каждой категории в одном столбце.
Вы добавляете элемент
<td>для каждого$movie->categories, поэтому каждая строка может иметь разные счетчики<td>, что приводит к такому смещению ваших таблиц.