Столбцы таблицы Dynamic Bootstrap: одинаковая ширина для каждого столбца (без Java Script)

Question

У меня есть таблица с динамическим числом столбцов, и я ищу решение с помощью html / css / Bootstrap, но не с помощью Java Script.

• Таблица должна использовать 100% ширины (родительский контейнер).
• Каждый столбец в таблице должен отображаться с одинаковой шириной (3 столбца = 33%, 4 столбца = 25%, ...).
• Результат должен выглядеть как http://jsfiddle.net/La1xbzvm/, но без использования стиля в жестком коде <th style="width: 33%">

Answer 1

Вы можете использовать свойство макета таблицы (https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout), чтобы получить столбцы одинакового размера.

table {
  table-layout: fixed;
  width: 100%;
}

Пример: https://jsfiddle.net/powf8vyj/