(转载)PHP 动态生成表格
(转载)http://hi.baidu.com/shawns/item/c7d51f351c6a0482b711dba6
提要:PHP能够高效地生成HTML代码,其中,动态生成表格是实际应用中经常碰到的事情。本文依据本站在网页中生成表格的经验,粗略介绍实用而简单的PHP动态生成表格的方法。
表格的HTML代码中,<tr>...</tr>实际代表着表格的“行”,而介于<tr>...< /tr>之间的代码标签<td>...</td>等同于表格的“列”。为此,在PHP环境下,我们要生成一张表格实际上就 是处理<tr>和<td>标签:在什么时候书写<tr>标签、写多少个,以及,在什么地方书写<td> 标签、写多少个。
显然,表格的“行”与“列”应该是已知条件,如若不是,也应该从其他已知条件中得到赋值。这里,为了方便演示和说明,我们假设表格的行和列是已知的,即,行为$rows,列为$cols。
行是写<tr>标签的依据,而列是写<td>标签的依据,我们用两个for语句就能方便地写<tr>和<td>标签,<td>代码的for语句嵌套在<tr>代码的for语句之内:
for($i=0;$i<$rows;$i++)
{
$tab_str.="<tr>\n";
for($k=0;$k<$cols;$k++)
{
$tab_str.="<td>单元格</td>\n";
}
$tab_str.=</tr>\n";
}
上述代码结构清晰,是两个for语句相互嵌套,它们恰到好处地将<tr>和<td>标签以标准的HTML方式写出来。代码中,\n是分行符(请注意使用时符号“\”要改为小角),使用它只是为了方便用户阅读PHP生成的HTML代码。
我们还有一些实际问题需要解决:单元格的宽度、单元格的内容。
假设我们平均分布各列宽度,那么,100/cols即为各列的宽度百分比值,可记作 $td_width=100/$cols."%"。由于 100/$cols 可能出现浮点数值(即有小数点的数),我们有必要简单处理一下,可用函数floor()取出最大整数(当然也有其他的方法),那么,计算单元格的宽度算式应该为:$td_width=floor(100/$cols)."%"。
单元格的内容将动态取得,比如从一个数组中取值,那么,单元格的索引值将是获得数组各元素值的关键(或依据)。作为演示,这里我们只给出单元格的索引值。 在上述两个for语句嵌套的代码里,我们需要一个算式取得各单元格的序号,它是在写<td>标签过程中获得,显然地,如果仅使用其中的变 量$k是不行的,因为它将在小于$cols之内从0开始循环;但是,我们仍然有办法:$i、$k和$cols是有关系的三个变量,我们从中得到单元格索引 (即序列)的值的算式为:$j=$i*$cols+$k。有了这个值,我们从另外的数组中提取数组元素值就变得很轻松了。
下面是完整的程序代码:
<?php
$rows = 10; //行
$cols = 8; //列 $td_width = floor(100 / $cols)."%";
$tab_str = "<table border=\"1\" width=\"80%\" align=\"center\">\n"; for ($i = 0; $i < $rows; $i++)
{
$tab_str.="<tr>\n";
for ($k = 0; $k < $cols; $k++)
{
$j = $i * $cols + $k; //单元格序列
$tab_str.= "<td width=\"$td_width\">$j</td>\n";
}
$tab_str.="</tr>\n";
}
$tab_str.="</table>\n"; print $tab_str;
?>
(转载)PHP 动态生成表格的更多相关文章
- 【转】ASP.NET中服务器控件Table动态生成表格及其属性介绍
下文所有内容转自开源中国:http://www.oschina.net/question/565065_86453#tags_nav ================================= ...
- JavaScript中动态生成表格
动态生成表格,首先需要输入并获取动态的数字,html中结构代码如下:行:<input type="text" id="row" value="5 ...
- js动态生成表格
动态生成表格 *创建一个页面:两个输入框和一个按钮 *代码和步骤 /* 1.得到输入的行 ...
- JS动态生成表格后 合并单元格
JS动态生成表格后 合并单元格 最近做项目碰到表格中的单元格合并的问题,需求是这样的,首先发ajax请求 请求回来后的数据 动态生成表格数据,但是生成后如果编号或者(根据其他的内容)有相同时,要合并单 ...
- 动态生成表格呈现还是将表格直接绑定gridview等控件呈现的开发方式选择依据
动态生成表格呈现还是将表格直接绑定gridview等控件呈现的开发方式选择依据:由存储过程决定,如果编写的存储过程可以生成需要呈现的表格则直接绑定,否则要动态生成表格
- vue+element创建动态的form表单.以及动态生成表格的行和列
动态创建form表单,网上有插件 (form-create) 不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言. 最后我使用了笨方法,针对各个表单写好通用的组件,然后根据type用v ...
- 编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理
编辑表格输入内容.根据input输入框输入数字动态生成表格行数.编辑表格内容提交传给后台数据处理 记录自己学习做的东西,写的小demo,希望对大家也有帮助! 代码如下: <!DOCTYPE ht ...
- JavaScript基础7——动态生成表格
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行
jsp页面表格布局Html代码 <body onload="show()"> <center> <input type="text" ...
随机推荐
- 如何在windows/wamp环境下在本机配置站点
1. 在D:\wamp\bin\apache\Apache2.5.4\conf文件夹下,找到httpd.conf,使用记事bej打开它,搜索#Include conf/extra/httpd-vhos ...
- python s12 day3
python s12 day3 深浅拷贝 对于 数字 和 字符串 而言,赋值.浅拷贝和深拷贝无意义,因为其永远指向同一个内存地址. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ...
- iBatis 的条件查询
之类以传入ID进行举例 Student.xml 在里面设置一个ID的标志位,设置类型 <select id="selectAllStudentByid" parameterC ...
- zabbix 基于JMX的Tomcat监控
zabbix 基于JMX的Tomcat监控 一.环境 ubuntu14.04 LTS Java 1.7.0 zabbix 2.4.5 二.安装配置 1.安装JavaGateway 在ubuntu14. ...
- mac 下安装安卓模拟器
mac下的安卓模拟器——bluestacks 下载:http://pan.baidu.com/s/1kVvZyYz 该安卓模拟器除了能网络下载apk,本地还能安装apk,但是与win版不同,安装不是那 ...
- 为Angular-UEditor增加工具栏属性
感谢胡大大分享的的开源项目 Angular 的 UEditor 插件 Angular-UEditor 本文只是修改了angular-ueditor.js,加入了对工具栏的定制,方便项目使用 1 (fu ...
- iOS: 在代码中使用Autolayout (2) – intrinsicContentSize和Content Hugging Priority【转】
原文:http://www.mgenware.com/blog/?p=491 接上文:iOS: 在代码中使用Autolayout (1) – 按比例缩放和优先级. 我们继续来看在代码中使用Autola ...
- 关于C#的编译与执行
每一种编程语言,要想执行,就必须要转换为目标操作系统能够理解的语言才能执行,这种语言叫做本机代码(native code).C#也是一样的,也要做这样的转换,但是它不是一处到位的,在.NET Fram ...
- 安卓开发service
如果把Activity比喻为前台程序,那么service可以看做是一个后台程序.Service跟Activity一样也由Intent调用. 在工程里想要添加一个Service,先新建继承Service ...
- Java study 2:The note of studying Socket which based TCP
TCP concept: 传输控制协议(Transmission Control Protocol, TCP)是一种面向连接(连接导向)的.可靠的.基于字节流的运输层(Transport layer) ...