Javascript 为什么表td自动变为最大宽度:无
我有一个需要固定td大小的表格,因此我在表格和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"> </td> <td style="max-width:50px; min
表格布局:fixed
,空白:nowrap
,溢出:hidden
,等等。它工作得很好,直到我不得不通过在运行时添加一行来动态调整它的大小
基本上,我使用javascript添加一行
<tr>
<td style="max-width:50px; min-width:50px; width:50px"> </td>
<td style="max-width:50px; min-width:50px; width:50px"> </td>
<td style="max-width:50px; min-width:50px; width:50px"> </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(' ');
tr.append(td);
}
/* */
}