#tablepress-1 td, #tablepress-1 th { transition: background-color .12s ease; } #tablepress-1 .hp-row { background: #fff7cc !important; } #tablepress-1 .hp-col { background: #eaf4ff !important; } #tablepress-1 .hp-hit { background: #ffd54f !important; }

Зріст(см)/Вага(кг)	50-55	55-60	60-65	65-70	70-75	75-80	80-85	85-90	90-95	95-100	100-105
155-160	S	S	S	M	M	L	L	XL	XL	XXL	XXL
160-165	S	S	S	S	M	M	L	XL	XL	XXL	XXL
165-170	S	S	S	S	M	M	L	XL	XL	XXL	XXL
170-175	S	S	S	S	M	M	L	XL	XL	XXL	XXL
175-180	S	S	S	S	M	L	L	XL	XL	XXL	XXL
180-185	S	S	S	M	M	L	L	XL	XL	XXL	XXL
185-190	S	S	M	M	M	L	L	XL	XL	XXL	XXL
190-195	S	M	M	L	L	L	L	XL	XXL	XXL	XXL
195-200	L	L	L	L	L	XL	XL	XXL	XXL	XXL	XXL

(function() { var table = document.getElementById('tablepress-1'); if (!table) return; function clearAll() { var active = table.querySelectorAll('.hp-row, .hp-col, .hp-hit'); for (var i = 0; i < active.length; i++) { active[i].classList.remove('hp-row', 'hp-col', 'hp-hit'); } } table.addEventListener('mouseover', function(e) { var cell = e.target.closest('td, th'); if (!cell || !table.contains(cell)) return; clearAll(); var row = cell.parentElement; var colIndex = cell.cellIndex; var rowCells = row.querySelectorAll('td, th'); for (var i = 0; i < rowCells.length; i++) { rowCells[i].classList.add('hp-row'); } var rows = table.querySelectorAll('tr'); for (var r = 0; r < rows.length; r++) { var colCell = rows[r].children[colIndex]; if (colCell && (colCell.tagName === 'TD' || colCell.tagName === 'TH')) { colCell.classList.add('hp-col'); } } cell.classList.add('hp-hit'); }); table.addEventListener('mouseleave', clearAll); })();