Javascript 为什么表td自动变为最大宽度:无

Javascript 为什么表td自动变为最大宽度:无,javascript,jquery,css,html-table,Javascript,Jquery,Css,Html Table,我有一个需要固定td大小的表格,因此我在表格和td上有适当的表格布局:fixed,空白:nowrap,溢出:hidden,等等。它工作得很好,直到我不得不通过在运行时添加一行来动态调整它的大小 基本上,我使用javascript添加一行 <tr> <td style="max-width:50px; min-width:50px; width:50px">&nbsp;</td> <td style="max-width:50px; min

我有一个需要固定td大小的表格,因此我在表格和td上有适当的
表格布局:fixed
空白:nowrap
溢出:hidden
,等等。它工作得很好,直到我不得不通过在运行时添加一行来动态调整它的大小

基本上,我使用javascript添加一行

<tr>
  <td style="max-width:50px; min-width:50px; width:50px">&nbsp;</td>
  <td style="max-width:50px; min-width:50px; width:50px">&nbsp;</td>
  <td style="max-width:50px; min-width:50px; width:50px">&nbsp;</td>
</tr>

请发布动态更改布局的您所引用的代码。您将宽度检索为普通数字(例如
50
),但
min width
等属性需要单位,例如
50px
。您提到您有
表格布局:固定
。这将导致溢出,而不是表本身的扩展。尝试设置
表格布局:auto
,并告诉我们发生了什么。
fixWidths : function(tableDiv)
{
    var headerTable = tableDiv.find('.headertable');
    var widths = [];
    headerTable.find("th").each(function(){
        widths.push($(this).width());
    });

    var tr = tableDiv.find('.fixwidth');
    for (var i = 0; i < widths.length; ++i)
    {
        var td = $(document.createElement('th'));
        td.css('width', widths[i]);
        td.css('min-width', widths[i]);
        td.css('max-width', widths[i]);
        td.html('&nbsp;');
        tr.append(td);
    }
    /* */

}