Можно сделать таблицу гибкой?

Question

[pchela95]

сейчас для того, чтобы было по 5 в ряд
я задал ширину 20%

а чтобы было по 2 в ряд - нужно задать 50%

по 3 - width: calc(100% / 3)

есть гибкий вариант?
https://jsfiddle.net/mcuL0df8/

Comments

[Алексей Дубровин]

В разметке же буквально указываете td('table data) tr('table row') зачем ломать структуру, если вы её не понимаете?. Хотите гибкость используйте грид

[Одиночка Айс]

Максимум что ты делаешь таким образом, это делаешь ячейкам одинаковую ширину

[Ankhena]

Можно.
Но сначала нужно определиться с тем, что в таблице заголовки, а что данные. И как это должно выглядеть при перестроениях. Где должны остаться заголовки, а где данные.
Тогда будет понятно, как это реализовывать.
Сейчас в вопросе каша.

[pchela95]

Ankhena, а как именно? перестраиваться никак не будет
адаптив тот, что на десктопе

[pchela95]

Ankhena, https://jsfiddle.net/nx2g108e/

[Ankhena]

pchela95,

перестраиваться никак не будет

сейчас для того, чтобы было по 5 в ряд...
а чтобы было по 2 в ряд - нужно задать 50%

есть гибкий вариант?

Первое противоречит двум другим

Макеты покажите, может, будет проще.

[pchela95]

Ankhena,

[Ankhena]

pchela95, table-layout: fixed

Answer 1

[Ankhena]

table-layout: fixed

Answer 2

[imko]

Ячейкам flex: 1 1 0;

Comments

[pchela95]

imko, это ж таблица

[imko]

pchela95, так сделай флексбокс)