Question

我正在尝试从js动态创建一个表，虽然我确实知道表的确切宽度和高度，但我不知道表格单元格的实际宽度。我知道可以找到每个单元格的宽度，但我想知道你是否可以实际锁定它而不指定单元格的宽度。

链接到jsfiddle：

我的js文件：

window.addEventListener('load',init,false);
function init(){
var table = document.getElementById('myTable');
var tr = 3;
var td=5;

var innerTable = '';

for(var trCounter=0;trCounter<tr;trCounter++){
    innerTable+='<tr>';

    for(var tdCounter=0;tdCounter<td;tdCounter++){
       var id=(trCounter*td)+tdCounter;
       innerTable+='<td id="'+id+'" onclick="addText('+id+')"></td>';                         
    }

    innerTable+='</tr>';
}

table.style.width="600px";
table.style.height="300px";
table.style.border="1px solid black";
table.innerHTML=innerTable;
}



function addText(id){
    document.getElementById(id).innerHTML="Lorem Ipsum";
}

Answer 1

将Css表格布局设置为固定将保持列宽度固定，大小将由第一行列确定。希望这有帮助。

锁定表格单元格宽度，而不指定它

1 个答案: