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

【问题标题】：Lock table cell width, without specifying it锁定表格单元格宽度，不指定它
【发布时间】：2018-08-30 05:29:15
【问题描述】：

我正在尝试从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";
}

【问题讨论】：

我不明白，如果您不提供单元格必须假定的宽度并保持固定宽度？
创建表格时，每个单元格都具有相同的宽度和高度，但是每当我向特定的添加一些内容时，都会发生变化，所以我基本上是在尝试修复每个单元格的宽度之后表已创建。

标签： javascript jquery css html-table

【解决方案1】：

css table-layout 设置为 fixed 将保持列宽固定，大小将由第一行列确定。希望对您有所帮助。

【讨论】：

谢谢。这固定了宽度。但是，它不固定高度。有什么办法也可以固定高度。
表格还是行？
高度在 IE 中不能正常工作，我的公式是：忘记高度，设置每个的高度和最大高度，不要将文本放在直接，在中为您的文本插入一个
并为其设置高度、最大高度和溢出：隐藏。您可以轻松设置属于您的表的
和
的 css。