javascript实现动态表头及表列的展现方法


Posted in Javascript onJuly 14, 2015

本文实例讲述了javascript实现动态表头及表列的展现方法。分享给大家供大家参考。具体如下:

<!-- 
作者:恺哥
时间:2008-11-5
用途:测试动态表头与动态表列的展现
-->
<html>
<head>
<title>test</title>
</head>
<body>
<script language="javascript">
//初始化表列
var t_column = new Array("col_head");
for(var m=0;m<10;m++){
 t_column.push("col"+m);
}
//初始化表行
var t_row = new Array();
for(var m=0;m<5;m++){
 t_row.push("row"+m);
}
function p(o){
 document.writeln(o);
}
p("<table width=\"95%\" border=\"1\">");
p("<tr>");
for(var i=0;i<t_column.length;i++){
 p("<td>"+t_column[i]+"</td>");
}
p("</tr>");
for(var j=0;j<t_row.length;j++){
 p("<tr>");
  p("<td>"+t_row[j]+"</td>");
  for(var k=1;k<t_column.length;k++){
  p("<td>value"+k+"</td>");
  }
 p("</tr>");
}
p("</table>");
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Extjs学习笔记之四 工具栏和菜单
Jan 07 Javascript
javascript之通用简单的table选项卡实现(二)
May 09 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
谈谈JavaScript中的函数与闭包
Apr 14 Javascript
浅谈JavaScript之事件绑定
Jul 08 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
Element-UI中关于table表格的那些骚操作(小结)
Aug 15 Javascript
js脚本中执行java后台代码方法解析
Oct 11 Javascript
解决vue 子组件修改父组件传来的props值报错问题
Nov 09 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 Javascript
React实现todolist功能
Dec 28 Javascript
vue 动态生成拓扑图的示例
Jan 03 Vue.js
浅谈JSON.parse()和JSON.stringify()
Jul 14 #Javascript
常用jQuery代码分享
Jul 14 #Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 #Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 #Javascript
jQuery实现模拟marquee标签效果
Jul 14 #Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 #Javascript
jQuery自动添加表单项的方法
Jul 13 #Javascript
You might like
文章推荐系统(三)
2006/10/09 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
PHP 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
PHP实现路由映射到指定控制器
2016/08/13 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
2011/06/28 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
2015/08/14 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
原生js实现放大镜组件
2021/01/22 Javascript
浅谈python中set使用
2016/06/30 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
速记Python布尔值
2017/11/09 Python
Python实现图片滑动式验证识别方法
2017/11/09 Python
pycharm中成功运行图片的配置教程
2018/10/28 Python
彻底理解Python中的yield关键字
2019/04/01 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
python之生成多层json结构的实现
2020/02/27 Python
世界领先的在线地板和建筑材料批发商:BuildDirect
2017/02/26 全球购物
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
大学生自我鉴定评语
2014/01/27 职场文书
秋季开学典礼主持词
2014/03/19 职场文书
2014年学校党建工作总结
2014/11/11 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
党员心得体会范文2016
2016/01/23 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
讨论nginx location 顺序问题
2022/05/30 Servers