gpt4 book ai didi

javascript - 如何在javascript中显示矩阵行头

转载 作者:行者123 更新时间:2023-12-03 00:50:31 25 4
gpt4 key购买 nike

我有一个可以正确显示的矩阵。但我想包含一个行名称来区分每个矩阵行(如矩阵列)。

function setTrait_matrix() {

var matrixVal = 5;

if (matrixVal != 0 || matrixVal != null) {
var root = document.getElementById("traits_matrix_Div");
var table = document.createElement('table');
table.className = "diffChromotable";
var tblB = document.createElement('tbody');
table.appendChild(tblB);


var firstList = {};
for (var x = 1; x <= matrixVal; x++) {
firstList['Title' + x] = 'Title' + x;
}
myData = Object.values(firstList);

var tr = document.createElement('tr');
// Header row
for (var j = 0; j < matrixVal; j++) {
var th = document.createElement('th'); //column
var text = document.createTextNode(myData[j]); //cell
th.appendChild(text);
tr.appendChild(th);
}

tblB.appendChild(tr);

for (var i = 0; i < matrixVal; i++) {
var tr = document.createElement('tr');
tblB.appendChild(tr);
var td = document.createElement('td');
var curcolumn = i + 1;

//alert(curcolumn);
for (var j = 0; j < matrixVal; j++) {
var input = document.createElement("input");
input.type = "text";
var col = j + 1;
if (i >= 0 && j >= 0) {
input.name = "m" + curcolumn + "_m" + col;
input.value = "";
input.id = "m" + curcolumn + "_m" + col;
}
const td = document.createElement('td');
td.appendChild(input);
tr.appendChild(td);
}
}
root.appendChild(table);
}

}
<body onload="setTrait_matrix()">

<div id="traits_matrix_Div" style="visibility:visible" style="border: 1px; height:200px; align: center;"></div>

</body>

正如您在代码片段中看到的,我得到:

           Title1 Title 2 Title 3 Title4 Title5
- - - - -
- - - - -
- - - - -
- - - - -
- - - - -

但我想要:

               Title1 Title 2 Title 3 Title4 Title5
Title1 - - - - -
Title2 - - - - -
Title3 - - - - -
Title4 - - - - -
Title5 - - - - -

有人可以推荐我吗?提前致谢!

最佳答案

您不会将第一个 td 附加到 tr,并且您可能还需要第一个空白 th。

var tr = document.createElement('tr');
tr.appendChild(document.createElement('th')); // added
// Header row
for (var j = 0; j < matrixVal; j++) {
var th = document.createElement('th'); //column
var text = document.createTextNode(myData[j]); //cell
th.appendChild(text);
tr.appendChild(th);
}

tblB.appendChild(tr);

for (var i = 0; i < matrixVal; i++) {
var tr = document.createElement('tr');
tblB.appendChild(tr);
// added
var td = document.createElement('td');
var text = document.createTextNode(myData[i]);
td.appendChild(text);
tr.appendChild(td);
// added end

var curcolumn = i + 1;

//alert(curcolumn);
for (var j = 0; j < matrixVal; j++) {

关于javascript - 如何在javascript中显示矩阵行头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53064974/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com