时间戳

首页 > 解决方案 > 创建具有动态行和列值的表格画布

javascript - 创建具有动态行和列值的表格画布

问题描述

我正在尝试显示表格画布。这里的行数和列数将来自数据库，例如，

行 = 4 和列 =4 所以画布/表格将使用第 4 行和第 4 列创建，因此它将创建如下所示的空表，我在其中放置 3 个 td 数据进行测试。


3   3   3   3
3   3   3   3
3   3   3   3
3   3   3   3

Jquery代码是，


function createCanvas(rcount,ccount,elementid) {
    var td = {
   'TileHt': 40,
   'TileWd': 40
 };




 mytable = $('<table></table>').attr({ class: "basicTable" }).attr({width: rcount*td.TileWd}).attr({height: ccount*td.TileHt}).css('z-index', '-9999');

 


    for (var i = 0; i < rcount; i++) {
    
    var row = $('<tr></tr>').appendTo(mytable);

    for (var j = 0; j < ccount; j++) {

        

            $('<td>test</td>').css('background-color', "#A3FF47").attr({width: td.TileWd}).attr({height: td.TileHt}).appendTo(row); 
        

      
    }    
  }


  mytable.appendTo("#box").draggable({ cursor: "move", grid: [ 40, 40 ] });
  }

但现在我有如下数据的 jquery 数组，

["+12 Years", "art logo", "business", "Choas Symbol", "convergent", "define", 
"discover", "discover symbol", "+12 Years", "art logo", "business", "Choas Symbol", 
"convergent", "define", "discover", "discover symbol"]

我在 jquery 变量中有这些数据，现在我想在每个块上的画布内显示这些数据，而不是 3。我不知道如何在上面的循环代码中使用这个数组。请帮帮我。第一个区块应该有“+12 年”，第二个区块应该有“艺术标志”，依此类推。

标签： javascripthtmljquerycss

解决方案

据我所知，在核心 javascript 中创建画布比在 jQuery 中更容易

推荐阅读