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

Question

在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)。

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

附言在代码中，您可以将解码器类型更改为 8x1 或 16x1。定义如下:

var decoderType="4x1";

Answer 1

想法是使用 td 标签的 colspan 属性。您应该将以下代码添加到 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