Например задать переменную, и изменить ее при 1 достижении

var isResizeble = false;

if(!isResizeble) {
 // Ваша ф-ция которая что то делает, отработает 1 раз и все

isRezeble = true;
}

Надеюсь смысл ясен, иными словами установить флаг и проверять

https://www.htmlacademy.ru/ те, что за подписку платные, очень хорошо обучают в игровом стиле, js к сожалению только в 2 посл. где keksogram, а HTML + CSS очень много, особенно animation

Я обычно использовал Box-shadow, и все работает без проблем, св-во box-sizing, решает вашу проблему, ну тогда надо изначально всем блокам задавать border: 2px solid transparent, а у выделенного элемента уже менять на цвет, border-color: #333; к примеру, ну я бы советовал тень, там и нет проблем с расположением сверху, снизу или слева или справа, решать конечно вам.

Все таблицы по умолчанию и так в %, и ширина ячейки изменяется от содержимого, ну когда его становится, слишком много, к примеру больше чем ширина родителя, в которой лежит таблица, то ячейка больше не сожмется)

Надеюсь ответил на ваш вопрос.

P.S. Можно легко проверить с табличкой где 6-8 столбиков, и информация не короткая, и сразу все станет ясно