Встречается на собеседованиях • сегодня

Как вычислить длину столбца в таблице при разной ширине символов

Для вычисления длины столбца в таблице с разной шириной символов можно использовать метод getBoundingClientRect() или CanvasRenderingContext2D.measureText().

Пример с measureText():

javascript

function getTextWidth(text, font) {
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  context.font = font || getComputedStyle(document.body).font;
  return context.measureText(text).width;
}

// Использование
const width = getTextWidth('Пример текста', '16px Arial');

text


Для таблицы можно перебрать все ячейки столбца и найти максимальную ширину:
```javascript
function getMaxColumnWidth(table, columnIndex) {
  const cells = Array.from(table.querySelectorAll(`td:nth-child(${columnIndex + 1})`));
  return Math.max(...cells.map(cell => getTextWidth(cell.textContent)));
}

Этот подход учитывает реальную ширину текста с учётом шрифта, кернинга и других CSS-свойств.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы