javascript - 在表头之上动态创建表头

Question

在这段代码中，我根据真值表中的解码器类型（4x1、8x1、16x）创建解码器输出的数量（D1、D2、D3...）。

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

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

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

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

PS 在代码中，您可以将解码器类型更改为8x1 or 16x1. 它的定义如下：

var decoderType="4x1";

Answer 1

这个想法是使用标签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>";

编辑过的小提琴