Laravel Вставьте элементы в новые строки таблицы - PullRequest
0 голосов
/ 15 февраля 2020

У меня есть таблица для поездок и таблица для событий. Одна поездка может иметь много событий. При редактировании поездки я хочу отобразить таблицу с названием события, датой начала и датой окончания.

Я использовал pluck для получения данных: -

<table class="table table-striped table-bordered table-hover">
    <thead class="thead">
        <tr class="warning">
            <th> Trip ID </th>
            <th> Event ID </th>
            <th> Event Name </th>
            <th> Start Date </th>
            <th> End Date </th>
        </tr>
    </thead>
    @foreach($trip->events as $trip->event)
    <tr>
        <td>{{ implode(',', $trip->events()->pluck('trip_id')->toArray()) }}</td>
        <td>{{ implode(', ', $trip->events()->pluck('trip_id')->toArray()) }}</td>
        <td>{{ implode(', ', $trip->events()->pluck('event_name')->toArray()) }}</td>
        <td>{{ implode(', ', $trip->events()->pluck('start_date')->toArray()) }}</td>
        <td>{{ implode(', ', $trip->events()->pluck('end_date')->toArray()) }}</td>
    </tr>
    @endforeach
</thead>
</table>

Однако моя таблица отображается в виде трех строк, что правильно, но каждая строка содержит все данные. Я хочу новую строку таблицы для каждого события, созданного для поездки. Current table view

1 Ответ

0 голосов
/ 16 февраля 2020

Возможно, вы ищете что-то подобное?

<table class="table table-striped table-bordered table-hover">
    <thead class="thead">
        <tr class="warning">
            <th>Trip ID</th>
            <th>Event ID</th>
            <th>Event Name</th>
            <th>Start Date</th>
            <th>End Date</th>
        </tr>
    </thead>
    <tbody>
    @foreach($trip->events as $event)
        <tr>
            <td>{{ $event->trip->id }}</td>
            <td>{{ $event->id }}</td>
            <td>{{ $event->event_name }}</td>
            <td>{{ $event->start_date }}</td>
            <td>{{ $event->end_date }}</td>
        </tr>
    @endforeach
    </tbody>
</table>
...