循环输出报表

循环输出表格
各位路过的朋友帮帮忙，怎样循环输出下面这张表格
[解决办法]
innerHTML
[解决办法]
前面2行，不需要循环，
后面，按要求慢慢循环。
[解决办法]
这个格式你都知道，自己在后台批接吧。比较容易。
[解决办法]

var html = "";
for(*****){
  html += "<tr><td></td><td></td><td></td><tr>"
}
table.innerHTML = html;

[解决办法]
你是要输出表格，还是要把表格中的内容输出啊   
[解决办法]

引用:

Quote: 引用:

你是要输出表格，还是要把表格中的内容输出啊   

两者都要的

那数据呢  ？
[解决办法]
你是纯粹用HTML写的。有用其他的编程语言吗
[解决办法]
慢慢看，希望对你有帮助...

var _table = document.createElement('table');
var title = _table.createCaption();
title.innerHTML = "<div  style=' font-size:20px'><b>表头</b></div>";
_table.appendChild(title);
var _tbody = document.createElement('tbody');
_table.appendChild(_tbody);
var num = 0;
for (var i = 0; i < 5; i++) { //五行十列
    _row = document.createElement("tr");
    _tbody.appendChild(_row);
    var td;
    var sign = 0;
    for (var j = 0; j < 10; j++) {
        if (j == 0) {  //第一列为编号
            num++;
            _cell = document.createElement("td");
            _cell.innerHTML = num;
            _row.appendChild(_cell);
        }
        else {
            if (j == 1) {
                _cell = document.createElement("td");
                _cell.innerHTML = "第二列";
                _row.appendChild(_cell);
            }
            else {
                if (j == 2) {
                    _cell = document.createElement("td");
                    _cell.innerHTML = "3";
                    _row.appendChild(_cell);
                } else if (j > 2) {
                    _cell = document.createElement("td");
                    _cell.innerHTML = "<input type='checkbox' name='check'  id='' onclick='isChecked()' value=''  />";
                    _row.appendChild(_cell);
                }
            }
        }
    }
}
document.getElementById('id').appendChild(_table);

------解决方案--------------------

_cell.innerHTML = "姓 名";
_cell.setAttribute("width", "80px");
_row.appendChild(_cell);

也可以这样设置，当然你也可以这样：

var t = document.createElement('table');
       for (var i = 0; i < 5; i++) {
        var r = t.insertRow();
        for (var j = 0; j < 10; j++) {
         var c = r.insertCell();
         c.innerHTML = i + ',' + j;
        }
       }
       
       document.getElementById('table1').appendChild(t);
      t.setAttribute('border', '1');

但是这样的话，貌似遨游浏览器好像都乱了
[解决办法]
用的jquery

$("表格ID").empty();
$.each(data, function(index, u) {
$("表格ID").append("<tr><td width='80'>" + u.id+ "</td><td>" + u.name + "</td></tr>");
｝

上两行不用循环就单独一个表格
循环的数据一个表格

<table width="1200" border="5" align="center" cellpadding="0" cellspacing="0" bordercolor="#edd8c1" style="border-collapse:collapse; border:1px solid #EDD8C1;">
<tr style="background:#f3e7d9;">
<th style="border-left:1px solid #EDD8C1" width="80">id</th>
<th width="200">用户名</th>
</tr>
</table>
<table id="表格ID" width="1200" border="5" align="center" cellpadding="0" cellspacing="0" bordercolor="#edd8c1" style="border-collapse:collapse; border:1px solid #EDD8C1;">

</table>

查看更多 下一篇