Как отобразить в таблице рядом два v-for из разных get запросов
<table style="position: relative; left: 50%; transform: translate(-50%,0); font-size: 17px; margin-top: 3%; width: 90%;">
<tr>
<td><h5>Созданные Вами отчеты</h5></td>
<td><h5>Созданные на Вас отчеты</h5></td>
</tr>
<tr v-for="reports in reports_creator" :key="reports.id" >
<td style="text-align:center"> Кто создал: {{reports.creator.first_name}} {{reports.creator.last_name}} <br>
На кого создано: {{reports.employee.first_name}} {{reports.employee.last_name}} <br>
Дата создания: {{reports.created_at}} <br>
Файл: <a download target="_blank" :href="reports.file" v-if="reports.file"><img src="../assets/excel.png" alt="" width="50px!important"></a>
</td>
<td></td>
</tr>
<tr v-for="reporte in reports_employee" :key="reporte.id" >
<td></td>
<td>Кто создал: {{reporte.creator.first_name}} {{reporte.creator.last_name}}<br>
На кого создано: {{reporte.employee.first_name}} {{reporte.employee.last_name}} <br>
Дата создания: {{reporte.created_at}} <br>
Файл: <a download target="_blank" :href="reporte.file" v-if="reporte.file"><img src="../assets/excel.png" alt="" width="50px!important"></a>
</td>
</tr>
</table>
