每行显示5阵列中的项目HTML表格 [英] Display 5 array items per row in a HTML table

问题描述

我有琳琅满目的商品，我需要显示它们5个项目每行。我怎样才能做到，因为现在如果我这样做

<？pre> ＆LT; PHP的foreach（$数据，$项）：＆GT;
＆LT; TD＆GT;＆LT; PHP的echo $ entries-＆GT;名; ？＆GT;
＆LT; PHP endforeach; ？＆GT;


这是行不通的。我应该做一个柜台？

解决方案

是这样的：

  $ =数据范围（1，17）;
为（$计数= 0; $计数＆LT;计数（$的数据）;）
{
    回声＆LT; TR＆GT; \\ N的;
    为（$ I = 0; $计数＆下;计数（$数据）及＆放大器; $ I小于5; $计数++ $ I ++）{
        回声\\ T＆LT; TD＆GT; $数据[$计数] LT; / TD＆GT; \\ N的;
    }
    为（; $ I＆LT; 5; $ I ++）{
        回声\\ T＆LT; TD＆GT;  - ＆LT; / TD＆GT; \\ N的;
    }
    回声＆LT; / TR＆GT; \\ N的;
}
 

输出

 ＆LT; TR＆GT;
    ＆所述; TD→1＆下; / TD＆GT;
    ＆所述; TD→2＆下; / TD＆GT;
    ＆所述; TD＆→3所述; / TD＆GT;
    ＆所述; TD→4＆下; / TD＆GT;
    ＆所述; TD＆GT; 5℃; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
    ＆所述; TD→6＆下;​​ / TD＆GT;
    ＆所述; TD大于7＆下; / TD＆GT;
    ＆所述; TD→8＆下; / TD＆GT;
    ＆所述; TD＆GT; 9＆下; / TD＆GT;
    ＆所述; TD→10＆下; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
    ＆所述; TD＆GT 11所述; / TD＆GT;
    ＆所述; TD＆GT 12所述; / TD＆GT;
    ＆所述; TD＆GT 13所述; / TD＆GT;
    ＆所述; TD＆GT 14所述; / TD＆GT;
    ＆所述; TD＆GT; 15℃; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
    ＆所述; TD＆GT; 16＆下; / TD＆GT;
    ＆所述; TD＆GT; 17＆下; / TD＆GT;
    ＆所述; TD＆GT;  - ＆下; / TD＆GT;
    ＆所述; TD＆GT;  - ＆下; / TD＆GT;
    ＆所述; TD＆GT;  - ＆下; / TD＆GT;
＆LT; / TR＆GT;
 

I have an array of products and I need to display them 5 items per row. How can I make it, because now if i do

<?php foreach($data as $entries) : ?>
<td><?php echo $entries->name; ?>
<?php endforeach; ?>

it doesn't work. Should I make a counter?

解决方案

Something like:

$data = range(1, 17);
for($count = 0; $count < count($data);)
{
    echo "<tr>\n";
    for($i = 0; $count < count($data) && $i < 5; $count++, $i++) {
        echo "\t<td>$data[$count]</td>\n";
    }
    for(; $i < 5; $i++) {
        echo "\t<td>-</td>\n";
    }
    echo "</tr>\n";
}

Output

<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
</tr>
<tr>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
</tr>
<tr>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
</tr>
<tr>
    <td>16</td>
    <td>17</td>
    <td>-</td>
    <td>-</td>
    <td>-</td>
</tr>

这篇关于每行显示5阵列中的项目HTML表格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！