如何制作table 一列多行的表格
Table控件主要用于在web页面上创建表格,其功能与HtmlTable类似。不同的是,Table控件可以用动态的内容以编程的方式来生成表格。
我们在制作表格的时候,总是会遇到一个表格中有多行多列,但是又不一定每行的列数相同,这样的表格我们该怎么制作呢?以下介绍以下这样的表格如何制作:
方法一:
代码编写
table width="200" border="1"
tr
td /td
td /td
td rowspan="2" /td
/tr
tr
td /td
td /td
/tr
tr
td colspan="2" /td
td /td
/tr
/table
方法二:
1、在html中定义一个表格table,并且给其这只一个id
2、定义一个js函数,在函数中利用jquery的链式语法获取table下的所有td
3、结果得到一个包含table下的所有td的数组
示例:
html代码:
table id="mytable"
trtd第一行/td/tr
trtd第二行/td/tr
trtd第三行/td/tr
/table
js代码:
function getAllTd(){
var tdArr = $('#mytable tr td');
alert(tdArr.length);
}其中:$("#tid [id=trid] td:eq(0)") table的id为tid,tr为trid中的第一列td,eq括号中为td的索引值,从0开始。
方法三:
table border=1trtd colspan=3标题/tdtrtd第一列/td td第二列/td td第三列/tdtrtdA/tdtdB/tdtdC/td/table
标题 第一列 第二列 第三列 A B C跨多行的表
td rowspan=#
table border=1trtd rowspan=3标题/tdtd第一行
/td tdA/td/trtrtd第二行
/td tdB/td/trtrtd第三行
/td tdC/td/tr/table
标题 第一行 A 第二行 B 第三行 C方法四:
其中:
〈table〉...〈/table〉 - 定义表格
〈th〉 - 定义表头 Defines a table header
〈tr〉 - 定义表行 Defines a table row
〈td〉 - 定义表元(表格的具体数据) td stands for "table data," Defines a table cell.
多重随机标签
中国减速机发展历史 北京真情在线婚恋网可靠吗 环佩空归夜月魂网络营销和网络推广在这两块做得有成绩的推广公司是哪一家 刘禹锡的望洞庭怎么唱 谢岗中学学校简介 c盘中 microsoft frontpage是什么软件 配置优化phpfpm配置解读 水立方工程数据详细资料 有没有唐山地区的综合网站 小鼠细胞与人细胞融合实验步骤 2014年江西鹰潭市事业单位招聘考试报名时间 报名条件 出国或者创业或者继续做软件开发 梦幻西游网页版昴日星官第五关怎么顺利通过 昴日星官第五关过关打法技巧分享 如何获取bilibili cid 在别的电脑上修改网站的内容 漳州台商投资区属于哪个区 浙江嘉兴百度手机网站商城建设公司哪家好 深圳市沃特玛电池有限公司沃特玛电池特点 嘉兴的大学 济南我的工作网网站特点 富阳华大教育培训到底好不好呢 微信图文中怎么做倒计时 国风穿搭文案怎么写 新中式服装文案唯美 龙岩县属于哪个市 企云方的预算管理软件好用吗 电网考国网哪些学校好 excel计算机求和函数公式是什么 金企鹅考试系统有屏幕监控吗 北京宏历贸易有限公司怎么样 evernote与印象笔记是什么关系