Здравствуйте!
Есть простая таблица, в ячейках которой есть данные от 0.01 до 1.00.
<table class="ratio-table">
<tr>
<td data-id="1">1</td>
<td data-id="2">0.5</td>
</tr>
</table>
Чуть ниже которой есть несколько блоков, имеющие высоту в % от родителя.
<div class="container" style="width: 100%; height: 300px;" >
<div class="item" data-id="1" style="width: 50px; height: 100%; background: orange; display: inline-block;"></div>
<div class="item" data-id="2" style="width: 50px; height: 100%; background: orange; display: inline-block;"></div>
</div>
Скажите пожалуйста, как с помощью javascript изменить высоту блоков "item" в зависимости от значения в ячейках таблицы?
Например, значение в ячейке изменилось с 1.0 до 0.5 - блок уменьшил свою высоту на 50%.
Спасибо!