php colspan,php-在偶数行中具有偶数个单元格元素的HTML表(colspan)
我试图建立一个非常简单的建筑物图表或流程图表示.
$floors = array( array( 'app_1','app_2','app_2_A' ),
array( 'app_3','app_4','app_5'),
array( 'app_6','app_7', 'app_8','app_9') ,
array( 'app_10','app_11', 'app_12','app_13') ,
array( 'app_14','app_15', 'app_16') ,
);
echo "
foreach ($floors as $floor ) {
$total_app = count( $floor);
echo "
";
for($i = 0;$i < $total_app; $i++){
echo "
";
echo $floor[$i] . ' ( ' . $total_app . ' ) '; //brackets only for debug
echo "
";
}
echo "
";
}
echo "
";
结果是:
问题是:客户希望所有行的宽度相等,并且并非所有楼层都具有相同数量的公寓.
所以我想我会用’colspan’. (在代码echo“< td colspan =”.$total_app.“>”;)中
问题(2):该脚本需要在100栋不同的建筑物上工作,因此,对于“ colspan”而言,任何小于完整动态计算的工作都将不起作用.
据我了解,Colspan实际上是相对于我拥有的最大单元数(具有最大元素数的行).
如果这是真的,那么我需要知道哪个数组元素(floor)具有最高的计数(公寓)-然后将其设置为标头-但我不确定该怎么做.
所以
>如何计算嵌套数组中的元素并进行比较以查看“人口最多的楼层”
>完成该操作-如何计算与该最高数量相关的每层公寓排的colspan. (colspan只能有int(),而不能有分数或百分数)
>建筑物被认为是从下到上,从上到下都是桌子,所以我需要翻转数组,但要保留“ colspan”的计算
>最后但并非最不重要的一点-我可能看错了一切,可能有一种更简单的方法来达到想要的结果(也许是divs?)-但我现在看不到一个-如果存在,请“拍一拍”我,给我看看路..
编辑我
就像之前说过的:解决方案必须灵活适用于所有配置:
范例:
$floors = array( array( 'app_1','app_2','app_2_A','app_2_B','app_2_C', 'app_2_D'),
array( 'app_3','app_4','app_5'),
array( 'app_6','app_7') ,
array( 'app_10','app_11', 'app_12','app_13') ,
array( 'app_14') ,
);
因此,任何“硬编码” colspan计算的尝试都将失败.
我需要行(楼层)的宽度相等,并且要使单元格(公寓)的每一行都填满,例如,如果我有2套公寓,则每行的宽度为50%(如果我有) 4套公寓,每套将占25%,3套公寓-33%,依此类推.
问题是如何在可能的情况下使用colspan或任何其他方法来实现这一目标.
解决方法:
首先,colspan是该行的立场,具有3列,但是我希望该行将所有列合并在单个单元格中,您可以使用colspan.
$max_app = 0;
foreach( $floors as $floor ){
$max_app = max(count($floor), $max_app);
}
echo "
foreach( $floors as $floor ){
echo "
";
for( $a=0;$a
if( $a+1 == count($floor) && $a+1 < $max_app ){
//last cell, total number of cell in floor does not equals to $max_app
echo "
";
}else{
echo "
";
}
echo $floor[$a];
echo "
";
}
echo "
";
}
echo "
";
?>
另一种解决方案是将DIV与float:left;一起使用.但是DIV的宽度需要知道.引起您的要求:所有单元都需要使用相同的宽度.
编辑1
您是否想要一个解决方案,使所有行的宽度相同,并且每行的所有单元格宽度相同???
echo "
foreach( $floors as $floor ){
echo "
$percent = ceil( 100 / count($floor) );
foreach($floor as $app){
print("
{$app}");
}
echo "
";
}
echo "
";
?>
标签:html-table,html,php
来源: https://codeday.me/bug/20191122/2059749.html
php colspan,php-在偶数行中具有偶数个单元格元素的HTML表(colspan)相关推荐
- 计算机一级excel单元格,在Excel工作表中选择单元格及其内容
在工作表 (工作表:在 Excel 中用于存储和处理数据的主要文档.也称为电子表格.工作表由排列成行或列的单元格组成.工作表总是存储在工作簿中.)中,您可以选择单元格.区域 (区域:工作表上的两个或多 ...
- 如何在EXCEL中查找多个单元格中的多个关键字,多个单元格满足多个条件的行的绿色在线工具
Excel查找,偶尔有情况遇到要在Excel中查找多个单元格的多个关键字(或包含或相等),或多个单元格或列满足多个的条件的行,Excel本身的支撑没有那么灵活.本身我们又对代码不熟悉,有一个方便性的工 ...
- html表格怎么纵向合并单元格,在html中表格如何合并单元格
在html中表格如何合并单元格 发布时间:2020-04-28 10:55:12 来源:亿速云 阅读:777 作者:小新 这篇文章主要为大家详细介绍了在html中表格如何合并单元格,文中示例代码介绍的 ...
- java获取jtable的路径,Java如何在JTable组件中获取选定的单元格?
以下示例显示如何获取选定的行或选定的列,或如何选择JTable组件中的多个单元格.要侦听选择事件,我们可以JTable通过调用JTable.getSelectionModel().addListSel ...
- layui中table监听单元格_最全总结 | 聊聊 Python 办公自动化之 PPT(中)
点击上方 "AirPython",选择 "加为星标" 第一时间关注 Python 技术干货! 1. 前言 上一篇文章简单地介绍了 PPT 的文档结构,并使用 p ...
- Python中xlrd操作excel单元格
学习目标 Python中xlrd操作excel单元格 学习内容 1.获取工作表 sheet=data.sheet_by_index(0) 2.返回单元格对象 sheet.cell(1,2) #返回第二 ...
- C# Excel 行高,列宽,合并单元格,单元格边框线,冻结
C# Excel 行高,列宽,合并单元格,单元格边框线,冻结 原文:http://hi.baidu.com/kjkj911/blog/item/0ecc3ec7855dd6d4d100600f.htm ...
- 如何在 Excel 中对齐或旋转单元格中的文本?
欢迎观看 Microsoft Excel 教程,小编带大家学习 Microsoft Excel的使用技巧,了解如何在 Excel 中对齐或旋转单元格中的文本. 在 Excel 中,对齐或旋转单元格的文 ...
- html拆分单元格成两列,在excel中怎样把一个单元格拆分成两个单元格
excel表格中如何拆分带括号的单元格比如说我有一个表格单元格内容是 :张三李四(000001) 如何将括号内的选中需要拆分的单元格,Ctrl +F把单元格里面的括号或者书名号换成逗号,然后在数据选项 ...
最新文章
- Form_Form与OAF页面互相调用(案例)
- 关于Python的人工智能这么火,一大波交叉学科和技术应用正在靠近
- [原创]FOCUS处理系统流程之:大文本文件极速合并(sps文件合并)
- 试用期java_Java试用资源
- Monto Carlo估计动作价值(action values)
- 正确的特征点匹配对_了解如何正确选择特征
- sqlserver 数据库文件损坏、数据库可疑修复处理
- C# 谷歌邮箱发送邮件
- 前端工程师项目能力精选文章50篇
- java实现实体关系抽取
- 【成员故事】CSDN杨东杰:生态运营需要一个自己的圈子
- python office转pdf linux_python 如何将office文件转换为PDF
- Web流程图的绘画指南
- 让你的网页,点哪都是小心心~~~
- docker学习(容器虚拟化技术---华子需要)
- CHOPS 音乐驱动动画
- IDEA创建新的类(Java文件)时,自动添加作者创建时间(文件注释)等信息的设置方法
- SAP系统核心模块都有哪些?
- Rog 幻14 2020 安装ubuntu20.04/一些小问题和美化
- 一文了解消费金融风控核心指标——资产质量篇
热门文章
- 如何理解网络带宽?它通常指的是什么?
- windows环境下在不支持AVX指令集的CPU上使用anaconda配置tensorflow
- 【OpenHarmony】LiteOS-A 源码目录
- 【理论】X理论、Y理论及Z理论
- 语音之家SOTA|Leaderboard 新增 WenetSpeech 数据集预训练 WeNet 模型
- Arduino 无线继电器 蓝牙 4.0 BLE XBEE 24L01 4路遥控开关
- 阿里三面:java给手机发送验证码
- 【ACL-2021】Compare to The Knowledge: Graph Neural Fake News Detectionwith External Knowledge
- 万维考试系统答案c语言,万维考试系统程序设计答案
- 番茄花园系统优化工具 1.0