Как изменить ширину ячеек при вычислении времени выполнения в javascript?

Question

Я создаю таблицу с использованием javascript, который будет динамически вводить значения ячеек, а также ширины ячеек вычисляются с использованием сложной формулы, наконец, с точки зрения процента. Теперь я не могу установить ширину ячеек в javascript в соответствии с шириной, полученной из расчета. В более широком смысле каждая строка может иметь столбцы разной ширины и, конечно, количество столбцов в каждой строке также будет отличаться. Как взломать эту логику?!

это может выглядеть следующим образом ... [Пожалуйста, видеть изображение: http://i.stack.imgur.com/lA4q1.jpg

Answer 1

уаг ТДС = document.getElementsByTagName ('тд');

для (var i = 0; i < tds.length; i ++) tds [i] .style.width = '2px';

Answer 2

Вы можете использовать один элемент таблицы для каждой строки и установить свойство ширины тд CSS с помощью JavaScript, основываясь на результатах ваших вычислений:

<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 ,