SQL 在 2 html table 列中查询回显循环
SQL Query echo loop in 2 html table colums
是否可以像循环一样将数据库数据回显到 2 html table 列中?我不能让它工作。或者我需要不同的方法吗?
我需要它像循环一样回显成 2 列 <?php echo $row['data']; ?>
这是我的:
HTML Table
Col 1 | Col 2
1. aaaa
2. bbbb
3. cccc
4. dddd
5. eeee
6. ffff
7. gggg
8. hhhh
9. iiii
10. jjjj
这就是我想要的:
HTML Table
Col 1 | Col 2
1. aaaa 6. ffff
2. bbbb 7. gggg
3. cccc 8. hhhh
4. dddd 9. iiii
5. eeee 10. jjjj
完全有可能。
您需要做的就是 echo
交替 类,这可以通过使用一个计数器来完成,该计数器会在您遍历行时递增。例如:
<?php
$count = 0;
foreach ($rows as $row) {
$count++; // Increment a counter
if ($count % 2 == 0 && $count != count($rows)) {
echo "<div class='odd'></div>";
}
else {
echo "<div class='even'></div>";
}
}
?>
从这里您可以使用 CSS 将行样式设置为两列:
.odd, .even {
width: 50%;
float: left;
}
或者如果你想用纯 CSS 来做到这一点,你可以使用 flexbox。您只需要 parent 上的 display: flex
和 flex-wrap: wrap
,以及 children 上的 flex: 50%
:
.container {
display: flex;
flex-wrap: wrap;
}
.container div {
flex: 50%;
}
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
</div>
如果需要,这还允许您首先填充 left-hand 列,方法是使用 flex-flow: column wrap
和固定的 height
:
.container {
display: flex;
flex-flow: column wrap;
height: 100px;
}
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
</div>
这里的代码用于创建动态列和数据,可以任意长度,
分成5组作为列值。工作输出低于
<?php
//$row=array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20);
$row=array('aaa','bbbb','cccc','ddddd','eeeee','ffff','gggg','hhhh','iiii','jjjjj','kkkk','llll','mmmm','nnnnn','ooooo');
?>
<table style="width:50%">
<?php
echo'<tr>';
$i=0;
foreach ($row as $key => $value) {
if(($key)%5==0)
{
$i++;
echo'<th>Col'.$i.'</th>';
}
$a[$i][]=$value;
}
echo'</tr>';
$forcount=count($a);
$innerforcount=count($a[1]);
for ($j=0; $j <$innerforcount ; $j++) {
echo'<tr>';
for($i=1;$i<=$forcount;$i++)
echo'<td>'.$a[$i][$j].'</td>';
echo"</tr>";
}
?>
</table>
//输出
Col1 Col2 Col3 Col4
1 6 11 16
2 7 12 17
3 8 13 18
4 9 14 19
5 10 15 20
//用文本抽样
Col1 Col2 Col3
aaa ffff kkkk
bbbb gggg llll
cccc hhhh mmmm
ddddd iiii nnnnn
eeeee jjjjj ooooo
是否可以像循环一样将数据库数据回显到 2 html table 列中?我不能让它工作。或者我需要不同的方法吗?
我需要它像循环一样回显成 2 列 <?php echo $row['data']; ?>
这是我的:
HTML Table
Col 1 | Col 2
1. aaaa
2. bbbb
3. cccc
4. dddd
5. eeee
6. ffff
7. gggg
8. hhhh
9. iiii
10. jjjj
这就是我想要的:
HTML Table
Col 1 | Col 2
1. aaaa 6. ffff
2. bbbb 7. gggg
3. cccc 8. hhhh
4. dddd 9. iiii
5. eeee 10. jjjj
完全有可能。
您需要做的就是 echo
交替 类,这可以通过使用一个计数器来完成,该计数器会在您遍历行时递增。例如:
<?php
$count = 0;
foreach ($rows as $row) {
$count++; // Increment a counter
if ($count % 2 == 0 && $count != count($rows)) {
echo "<div class='odd'></div>";
}
else {
echo "<div class='even'></div>";
}
}
?>
从这里您可以使用 CSS 将行样式设置为两列:
.odd, .even {
width: 50%;
float: left;
}
或者如果你想用纯 CSS 来做到这一点,你可以使用 flexbox。您只需要 parent 上的 display: flex
和 flex-wrap: wrap
,以及 children 上的 flex: 50%
:
.container {
display: flex;
flex-wrap: wrap;
}
.container div {
flex: 50%;
}
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
</div>
如果需要,这还允许您首先填充 left-hand 列,方法是使用 flex-flow: column wrap
和固定的 height
:
.container {
display: flex;
flex-flow: column wrap;
height: 100px;
}
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
</div>
这里的代码用于创建动态列和数据,可以任意长度,
分成5组作为列值。工作输出低于
<?php
//$row=array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20);
$row=array('aaa','bbbb','cccc','ddddd','eeeee','ffff','gggg','hhhh','iiii','jjjjj','kkkk','llll','mmmm','nnnnn','ooooo');
?>
<table style="width:50%">
<?php
echo'<tr>';
$i=0;
foreach ($row as $key => $value) {
if(($key)%5==0)
{
$i++;
echo'<th>Col'.$i.'</th>';
}
$a[$i][]=$value;
}
echo'</tr>';
$forcount=count($a);
$innerforcount=count($a[1]);
for ($j=0; $j <$innerforcount ; $j++) {
echo'<tr>';
for($i=1;$i<=$forcount;$i++)
echo'<td>'.$a[$i][$j].'</td>';
echo"</tr>";
}
?>
</table>
//输出
Col1 Col2 Col3 Col4
1 6 11 16
2 7 12 17
3 8 13 18
4 9 14 19
5 10 15 20
//用文本抽样
Col1 Col2 Col3
aaa ffff kkkk
bbbb gggg llll
cccc hhhh mmmm
ddddd iiii nnnnn
eeeee jjjjj ooooo