js 创建Table，每行3列的方式

table:

<table style="width:100%" id="appDatas"></table>

 

1.

var tables = [];
var len = data.length;
var rowNum = 3;
var sumRows = len % rowNum;
var sumRowMod = len / rowNum;
var rows = (sumRows == 0 ? sumRowMod : sumRowMod + 1);
for (var j = 0; j < rows; j++) {
    var iLen = (j + 1) * rowNum;
    iLen = iLen > len ? len : iLen
    tables.push("<tr>");
    for (var i = j * rowNum; i < iLen; i++) {
        tables.push('<td><input type="checkbox" id="' + data[i].Id + '" value="' + data[i].Id
        + (data[i].isChecked == "1" ? '" checked="checked"' : '"') + ' name="appIds" /><label for="' + data[i].Id + '">'
        + data[i].Name + '</label></td>');
    }
    tables.push("</tr>");
}
$("#appDatas").html(tables.join(""));

2.

var tables = [];
var len = data.length;
var rowNum = 3;
for (var i = 0; i < len; i++) {
    var j = i % rowNum
    if ( j == 0) {
        tables.push("<tr></tr>");
    }
    tables.push('<td><input type="checkbox" id="' + data[i].Id + '" value="' + data[i].Id
    + (data[i].isChecked == "1" ? '" checked="checked"' : '"') + ' name="appIds" /><label for="' + data[i].Id + '">'
    + data[i].Name + '</label></td>');
}
$("#appDatas").html(tables.join(""));

 

转载于:https://www.cnblogs.com/ly7454/p/3664139.html