Как сделать ячейки одинаковой ширины?

Question

[z_a_p_a_r_a]

У меня есть следующая таблица

Количество систем не фиксирована, генерируется.
Как сделать что бы ячейки под "Система №" были одинаковой ширины?

Answer 1

[Lander]

Задать им одинаковую ширину с помощью параметра width. Можно в процентах или пикселях.

Comments

[z_a_p_a_r_a]

Это да, но мне нужно что бы например под ячейкой "Система №1" две ячейки были одинаковы, если я одной из них ставлю width="50%", то это 50% от ширины таблицы, а мене нужно 50% от ширины ячейки с названием системы.

[Lander]

z_a_p_a_r_a, Ставьте ей 10% от ширины таблицы, и тогда ячейка над ней будет 20% ширины.

[z_a_p_a_r_a]

Lander, это если я знаю количество Систем, но их количество я заранее не знаю.

[Lander]

z_a_p_a_r_a, Тогда я вижу три варианта:
1. Переверстать таблицу на блоках
2. Использовать вложенные таблицы и с помощью обводок прикидываться одной
3. Вычислять ширину на основании количества систем на этапе формирования страницы

Answer 2

[Ankhena]

Варианты:
1. На JS выяснять сколько ячеек и задавать ширину в %
2. Заменить display table на flex или grid.
3. Переверстать div'ами.