zoukankan      html  css  js  c++  java
  • js 创建Table,每行3列的方式

    table:

    <table style="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(""));
  • 相关阅读:
    IDEA开发 Scala 项目
    mvn编译时绕过本地jar去maven仓库下载问题
    三角化(转载)
    分布式文件服务器介绍(转载)
    VSCode 设置侧边栏字体大小
    libLas编译
    OSG编译
    vcpkg.exe安装与应用
    OpenCASCADE编译
    gl2ps编译
  • 原文地址:https://www.cnblogs.com/ly7454/p/3664139.html
Copyright © 2011-2022 走看看