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

Question

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

链接到 jsfiddle：

http://jsfiddle.net/j3TEz/21/

我的.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 table-layout 设置为固定将保持列宽固定，大小将由第一行列确定。希望这有帮助。