Как заполнить вертикальные таблицы PHP/Smarty

У меня есть этот стол, и у меня есть вопрос о нем:

<table>
    <tbody>
        <tr>
            <th>&nbsp;</th>
            <th>mo</th>
            <th>tu</th>
            <th>we</th>
            <th>th</th>
            <th>fr</th>
            <th>sa</th>
            <th>su</th>
        </tr>
        <tr>
            <td>min. temp</td>
            <td>10</td>
            <td>9</td>
            <td>8</td>
            <td>8</td>
            <td>12</td>
            <td>11</td>
            <td>13</td>
        </tr>
        <tr>
            <td>max. temp<br></td>
            <td>18</td>
            <td>17</td>
            <td>15</td>
            <td>16</td>
            <td>18</td>
            <td>17</td>
            <td>19</td>
        </tr>
        <tr>
            <td>weather</td>
            <td>sunny</td>
            <td>rain</td>
            <td>sunny<br></td>
            <td>cloudy</td>
            <td>clear view</td>
            <td>rain</td>
            <td>cloudy</td>
        </tr>
    </tbody>
</table>

Теперь мне интересно, как я могу заполнить эту таблицу по вертикали данными. Это таблица прогноза погоды.

Мой массив:

[0] => Array
        (
            [time] => 1462226400
            [summary] => Lichte regen gedurende de ochtend.
            [icon] => rain
            [sunriseTime] => 1462248380
            [sunsetTime] => 1462302536
             .....
        )

    [1] => Array
        (
            [time] => 1462312800
            [summary] => Licht bewolkt gedurende de avond.
            [icon] => partly-cloudy-day
            [sunriseTime] => 1462334669
            [sunsetTime] => 1462389037
            .......
        )

    [2] => Array
        (
            [time] => 1462399200
            [summary] => Licht bewolkt gedurende de nacht.
            [icon] => partly-cloudy-night
            [sunriseTime] => 1462420961
            [sunsetTime] => 1462475538
            ...........
        )

Есть идеи, как я могу это решить? И как я могу решить эту проблему в Smarty?

1 ответ

  1. Вы можете просто использовать javascript для этой цели.

    array_size = your_array.lenght();
    table = document.getElementById('your_table');
    for(i=0; array_size<i; i++)
    {
       table.innerHtml = "<tr>
          <td>" + your_array[i]['time'] + "</td>
          <td>" + your_array[i]['summary'] + "</td>
          <td>" + your_array[i]['icon'] + "</td>
          <td>" + your_array[i]['sunriseTime'] + "</td>
          <td>" + your_array[i]['sunsetTime'] + "</td>
        </tr>"
    }