1 Star 1 Fork 0

dyexlzc/HtmlTableJs

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
table.js 1.47 KB
一键复制 编辑 原始数据 按行查看 历史
dyexlzc 提交于 2019-06-06 16:29 . di'第一次更新
tab={}
tab.generateHeader=function (list) { //产生表头,传入表头数组
/**
* <tr>
<th>班级</t>
<th>姓名</th>
<th>年龄</th>
<th>电话</th>
</tr>
*/
var str = "";
str += "<tr>"
for (var i in list) {
str += "<th>" + list[i] + "</th>"
}
str += "</tr>"
return str
}
tab.ci=function (_text,_span){
return {
text:_text,
span:_span
}
}
tab.generateHtml=function (col,header){//根据传送过来的col和header生成表格
html=""
//step1:生成表头
html+=header
//step2:生成行,一个tr表示一行,其中td表示行中的每一列,顺序排列
count=0 //计算所有列
for(var i in col[0]){
count+=col[0][i].span
}
list=new Array(count) //新建那么多个的list项
//step3:按列输出
for(var i in col){
var currentRow=0
for(var j in col[i]){
if(typeof(list[currentRow])=="undefined")
list[currentRow]=[]
list[currentRow].push(col[i][j])
currentRow+=col[i][j].span //更新当前列
}
}
//step4:生成表格
for(var i in list){
html+="<tr>"
for(var j in list[i]){
//<td rowspan="2">601班</td>
html+="<td rowspan=\""+list[i][j].span+"\">"
html+=list[i][j].text
html+="</td>"
}
html+="</tr>"
}
return html
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/dyexlzc/htmlTableJs.git
[email protected]:dyexlzc/htmlTableJs.git
dyexlzc
htmlTableJs
HtmlTableJs
master

搜索帮助