Содержимое таблицы не будет влиять на расчёт её ширины, если сказать ей table-layout: fixed:

Я не знаю, какая задача перед вами стоит, но предположу, что если исходное поведение таблиц вас не устраивает, возможно, вам вообще стоит отказаться от таблиц, так как table-layout: fixed отключает некоторые специальные свойства, которые часто и оправдывают целесообразность табличной вёрстки.

Попробуем разобраться.

В «фиксированном» режиме браузер расчитывает ширину колонок на основе значений из первой строки или тегов <col>. Если такие значения получить нельзя, таблица делится на колонки равной ширины. При этом содержимое, выходящее за пределы ячейки, обрезается либо накладывается на следующую ячейку. Для правильной работы этого значения должна быть задана ширина таблицы.

В стандартном режиме (table-layout: auto), браузер сначала загружает и анализирует содержимое ячеек, а затем отображает. Если у колонки не указана ширина, она пропорциональна количеству содержимого:

Указанные значения ширины колонок применяются до тех пор, пока их содержимое не выходит за пределы:

В противном случае невлезающий контент распирает колонку и она отнимает место у других ячеек:

А если отнимать уже нечего, распирает таблицу:

Также в документации сказано, что браузеры могут использовать свои алгоритмы и правила для отрисовки таблиц при значении table-layout: auto — будьте осторожны.

Ещё один наглядный пример, переключайте радио-кнопки:

#table-layout-example TABLE {
  width: 300px;
  table-layout: auto
                fixed;
  }

Предлагаю уважаемым советчикам собрать уместные примеры применения разных значений table-layout и таблиц вообще.

Поздравляю читательниц с 8 Марта :-)