创建具有固定行数的表

时间:2013-09-30 10:28:41

标签: javascript html-table

使用Javascript,Html和BFO(Big Faceless Org)PDF生成器,我需要为销售订单中的每个页面创建一个具有固定行数的表。基本上,表应该包含固定的10行,但是填充信息的行可能只有1行或2行。其他行将为空。

任何人都可以提供帮助吗?

目前我只有:

for(I=0;i<=salesitem.length;i++){
    document.write('<tr><td>salesitem[I]</td></tr>');
}

为每个销售项目生成一个td行。但是,我希望表中有10行固定。

2 个答案:

答案 0 :(得分:1)

您提供的一小段代码有几个问题......

  • javascript区分大小写,因此Ii是不同的变量
  • 从0循环到i&lt; = salesitems.length将以错误结束,因为如果长度为10并且您使用salesitem [10]则会失败(数组是基于0的,因此长度为10的数组具有项目0至9)
  • 我相信您认为salesitem[I]将像PHP一样处理,但不会。 PHP允许你使用echo "print this $varName",javascript根本不允许这样做。

沿着这些方向尝试一些事情......

for (i = 0; i < salesitem.length; i++) {
  document.write('<tr><td>' + salesitem[i] + '</td></tr>');
}
for (i = salesitem.length; i < 10; i++) {
  document.write('<tr><td></td></tr>');
}

第一个循环将显示数组中的所有内容(包括10个以上的任何条目)

第二个循环将显示完成表格的行(如果少于10个条目)

答案 1 :(得分:0)

试试这个。

for (var i=0;i<10;i++) { 
    document.write("<tr>");

    //This will depend entirely upon what conditions have to be met
    //in order for you to display the content of each row
    if(variable == 'condition') {
         document.write("<td>content</td>");
    }

    document.write("</tr>");
}
相关问题