Question

我想渲染带有两行一列的html表。如果来自HttpHandler的记录总数大于2，则额外记录将插入第一列后面。提前谢谢。

将呈现Html表：

RealName    RealName    RealName
Name1       Name3       Name5
Name2       Name4

这是我的js片段：

function fillSuccess(rsp) {
 var str = "<table width='100%'><tr><td>RealName</td></tr>";
 for (var i = 0; i < rsp.length; i++) {
     if (i % 2 == 0) {
       // how to implement here 
     }
     else { 
     str += "<tr ><td>" + rsp[i].RealName + "</td>";
     }
 }
 str += "</tr></table>";
 $('#divTitle').append(str);

Answer 1

这应该适用于奇数或偶数：

var rsp     = new Array(1,2,3,4,5,6,7);

var count   = rsp.length;
var cols    = Math.ceil(count / 2);

var value    = '<table>';
value       += '<tr>';

for (var i = 0; i < cols; ++i) {
    value       += '<th>RealName</th>';
}
value       += '</tr>';

for (var i = 0; i < 2; ++i) {
    value       += '<tr>';

    for (var j = 0 + i; j < count; j = j+2) {
        value       += '<td>' + j + '--' + rsp[j] + '</td>';
    }
    value       += '</tr>';
}

<强>样本

http://jsfiddle.net/ZmHSY/

如何根据记录总数使用jquery动态添加列

1 个答案: