在表头上动态创建表头

时间:2012-04-29 00:58:03

标签: javascript css html-table

this code中,我根据真值表中的解码器类型(4x1,8x1,16x)创建多个解码器输出(D1,D2,D3 ......)。

如果解码器类型是4x1,我为4个不同的解码器创建4x输出4*(D0,D1,D2,D3)

如果解码器类型是8x1,我为2个不同的解码器创建2x输出2*(D0,D1,D2,D3,D4,D5,D6,D7)

如果解码器类型是16x1,我为1个解码器创建1x输出1*(D0,D1,D2,D3,D4,D5,D6,D7,...,D15)

现在为了方便用户区分各种解码器,我想将解码器名称放在相应的Decoderoutputs上。例如,当我有4x1解码器时,如何将标题Decoder1, Decoder2, Decoder3, Decoder4置于(D0,D1,D2,D3)(D0,D1,D2,D3)(D0,D1,D2,D3)(D0,D1,D2,D3)之上?

P.S。在代码中,您可以将decodertype更改为8x1 or 16x1。它的定义如下:

var decoderType="4x1";

1 个答案:

答案 0 :(得分:3)

我们的想法是使用colspan标记的td属性。您应该将以下代码添加到generateTruthTableHTML函数:

text += "<th class='th' colspan="+VariableCount+">Variable</td>";
for(var k = 0; k < counter; k++) {
  var count = Math.pow(2,VariableNames.length) /counter;
  text += "<th class='th' colspan=" + count + ">Decoder&nbsp;" +
          (k+1) + "</th>";
}    
text += "</tr><tr>";

Edited fiddle