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

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/