在表头顶部动态创建表头

Creating table header on top of table header dynamically

本文关键字：表头 创建 动态 顶部      更新时间：2023-09-26

在此代码中，我正在根据真值表中的解码器类型（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 解码器时，如何将标头Decoder1, Decoder2, Decoder3, Decoder4放在(D0,D1,D2,D3)(D0,D1,D2,D3)(D0,D1,D2,D3)(D0,D1,D2,D3)之上？

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

var decoderType="4x1";

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

编辑小提琴

相关文章：