Варианты формирования html таблицы в цикле for

219

18 декабря 2017, 15:08

Вот таблица:

<table id="examples" class="display"  width="100%" cellspacing="0">
<thead style="background: steelblue">
<tr>
<th style="color: wheat;">Дата вылета </th>
<th style="color: wheat;">Цена, р.</th>
<th></th>
</tr>
</thead>
 <tfoot>
            <tr>
                <th>Дата вылета </th>
<th>Цена, р.</th>
<th></th>
</tr>
 </tfoot>
<tbody>
<?php 
for ($i=0; $i < 5; $i++) { 
echo"<tr>";
echo"<td>";
echo $data['data'][$i]['depart_date']  ;
echo"</td>";
echo"<td>";
echo $data['data'][$i]['value']  ;
echo"</td>"; 
echo"<td>";
echo"<a href='/flights/?origin_iata=MOW&destination_iata=AER&depart_date=".$data['data'][$i]['depart_date']."&adults=1&children=0&infants=0&trip_class=0&marker=87111&with_request=true'>Поиск</a>";
echo"</td>"; 
echo"</tr>";
}
?>
</tbody>
</table>

Плагин формирования сортировки (https://datatables.net/examples/basic_init/table_sorting.html) не хочет работать с таблице формирующийся тегами внутри php по echo. Помогите пожалуйста чтобы вывод таблицы было не внутри php а тегами html. Спасибо

Answer 1

Ваш код можно переписать таким образом. Но это не решит проблему того, что у вас что-то не работает.

<table id="examples" class="display"  width="100%" cellspacing="0">
    <thead style="background: steelblue">
    <tr>
        <th style="color: wheat;">Дата вылета </th>
        <th style="color: wheat;">Цена, р.</th>
        <th></th>
    </tr>
    </thead>
    <tfoot>
    <tr>
        <th>Дата вылета </th>
        <th>Цена, р.</th>
        <th></th>
    </tr>
    </tfoot>
    <tbody>
    <?php for ($i=0; $i < 5; $i++): ?>
<tr>
    <td><?=$data['data'][$i]['depart_date']?></td>
    <td><?=$data['data'][$i]['value']?></td>
    <td>
        <a href="/flights/?origin_iata=MOW&destination_iata=AER&depart_date=<?=$data['data'][$i]['depart_date']?>&adults=1&children=0&infants=0&trip_class=0&marker=87111&with_request=true">Поиск</a>
    </td>
</tr>
<?php endfor; ?>
    </tbody>
</table>
<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.js">
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js">

$(document).ready(function() {
    $('#example').DataTable( {
        "order": [[ 1, "desc" ]]
    } );
} );