如何在Javascript中更改运行时计算的单元格宽度？

Question

我正在使用Javascript创建一个表，它将动态输入单元格值，并且单元格宽度也使用复杂的公式计算，最后以百分比计算。 现在我无法根据我从计算中获得的宽度在Javascript中设置单元格宽度。 在更广泛的意义上，每行可以具有不同宽度的列，并且当然每行中的列数也将不同。 如何破解这种逻辑？

可能看起来像这样......

Answer 1

您可以为每一行使用一个表元素，并根据计算结果使用javascript设置td width css属性：

<table id="row1">
    <tr>
        <td>a</td>
        <td>b</td>
    </tr>
</table>
<table id="row2">
    <tr>
        <td>c</td>
        <td>d</td>
    </tr>
</table>

和javascript：

var cells = document.getElementsByTagName('td');
var calculatedWidths = [25, 100, 100, 25];

for(var i = 0; i < cells.length; i++){
    cells[i].style.width = calculatedWidths[i] + "px";    
}

请参阅此jsFiddle。

Answer 2

var tds = document.getElementsByTagName（'td'）;

for（var i = 0; i＆lt; tds.length; i ++）     tds [i] .style.width ='2px';