(转载)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" ...
随机推荐
- node.js中文资料导航
以下资料来自gitHUb上面:https://github.com/youyudehexie/node123 Node.js HomePage Node官网七牛镜像 Infoq深入浅出Node.js系 ...
- svn 设置钩子将代码同步到web目录下面
首先:确定思路: 要在SVN服务中,找到仓库文件夹的位置,在相应的项目中找到hooks文件夹.在该文件中添加一个post-commit文件: 当有commit动作发生时(提交到SVN服务是就会执行这个 ...
- json 序列化的两种方式
JavaScriptSerializer Serializer = new JavaScriptSerializer(); ResultData<EUserData> resultMode ...
- hadoop2集群中的datanode启动以后自动关闭的问题
今天在启动前几天搭建成功的hadoop集群的时候,出现了datanode启动之后自动关闭的情况,经过查询之后发现问题产生的原因是:在第一次格式化dfs后,启动并使用了hadoop,后来又重新执行了格式 ...
- R cannot be resolved to a variable
1. 检查Android 的SDK是否丢失需要重新下载,检查build path,把需要导入的JAR包确认都导入成功 2. 确保class没有import Android.R,注意是不能有Androi ...
- C++ hello world
日文版本的vs 2008 , 在 < 新建 里面先创建一个项目 然后点击项目去创建一个C++的主启动文件 选择创建的文件类型 然后在文件里面写入代码 #include<iostream&g ...
- ArcMap - 分割.
一,分割面: 1,在屏幕上新增线分割面: 使待编辑的面处于编辑状态 -> 选择待分割的面(使其处于选中状态) -> 选择编辑工具的 (Cut Polygons Tools) ->画线 ...
- wpf 中DataGrid 控件的样式设置及使用
本次要实现的效果为: 这个DataGrid需要绑定一个集合对象,所以要先定义一个Experience类,包含三个字段 /// <summary> /// 定义工作经历类 /// </ ...
- AngularJS+NodeJS环境搭建
需要安装的软件: node-v0.12.7-x64.msi python-2.7.10.amd64.msi Git-2.5.1-64-bit.exe (注意:Git安装时,需要选择的步骤) 安装位置 ...
- MySQL增删改查的常用操作指令总结
总结: 1.数据库操作: 创建库: create database db_name; 查询库: show databases; //显示所有的数据库 show create databases db_ ...