php 拆分html表格,拆分长PHP生成的HTML表格?

我使用MySql查询从我的数据库中选择数据,然后以HTML表格的形式打印它.它工作得很好,很好,但有时表包含数百行,网页看起来非常难看.有没有办法将桌子并排分成2或3个半部分.

Present Output

4q16c.png

Desired output

XFLSo.png

PHP

....

echo "

Classes attended :

";

echo "

foreach ($results as $dates) {

echo "

";

echo $dates->db_date;

echo "

";

echo "

";

echo $dates->day_name;

echo "

";

echo "

";

}

echo "

";

?>

实现它的最佳方法是什么?

帮助将不胜感激.

解决方法:

您可以使用PHP在循环中确定循环索引是否可以使用以下内容对某个数字进行整除:

echo "

Classes attended :

";

echo "

$rowCount = 1;

$numRows = count($results);

$maxRows = 12;

foreach ($results as $dates) {

echo "

";

echo $dates->db_date;

echo "

";

echo "

";

echo $dates->day_name;

echo "

";

echo "

";

if($rowCount % $maxRows == 0 && $rowCount != $numRows) {

echo "

}

$rowCount ++;

}

echo "

";

这是做这件事的基础.基本上在你的循环中,你正在测试每个索引以查看它是否可被$maxRows整除,如果是,那么你将关闭你的表并打开一个新的索引.您必须添加样式以并排放置表格.

如果您想扩展此概念,可以将$maxRows设置为$numRows的评估.例如,如果你想尽可能地将项目拆分为一半以便只显示两个表,你可以做… $numRows = count($results); $maxRows = round($numRows / 2);

标签:php,mysql,html

来源: https://codeday.me/bug/20190623/1267740.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用JavaScript来拆分HTML表格。以下是一个简单的示例代码,它将把一个10行4列的表格拆分成两个5行4列的表格: ```html <table id="myTable"> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> </tr> <tr> <td>Row 1, Column 1</td> <td>Row 1, Column 2</td> <td>Row 1, Column 3</td> <td>Row 1, Column 4</td> </tr> ... <tr> <td>Row 10, Column 1</td> <td>Row 10, Column 2</td> <td>Row 10, Column 3</td> <td>Row 10, Column 4</td> </tr> </table> <script> var table = document.getElementById("myTable"); var numRows = table.rows.length; var numCols = table.rows[0].cells.length; var halfRows = Math.ceil(numRows / 2); // create first table var table1 = document.createElement("table"); for (var i = 0; i < halfRows; i++) { var row = table.rows[i].cloneNode(true); table1.appendChild(row); } table.parentNode.insertBefore(table1, table); // create second table var table2 = document.createElement("table"); for (var i = halfRows; i < numRows; i++) { var row = table.rows[i].cloneNode(true); table2.appendChild(row); } table.parentNode.insertBefore(table2, table); // remove original table table.parentNode.removeChild(table); </script> ``` 在上面的代码中,我们首先获取原始表格的行数和列数,然后计算出每个新表格应该有的行数。接下来,我们使用`cloneNode`方法复制原始表格中的每一行,并将其添加到新的表格中。最后,我们使用`insertBefore`和`removeChild`方法将新的表格插入到原始表格的位置,并将原始表格删除。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值