Как сделать разные ширины ячеек у table в HTML?

Question

[eldar_web]

Вот пример такой: https://jsfiddle.net/595undgk/2/
Размер строк в сумме ячеек у всех одинаковый.
Но вот почему не работает установка ширины ячеек по отдельности?
Как решить проблему?

Comments

[Леонид Князев]

Что такое style='20px'?

[eldar_web]

Леонид Князев: Изменил ссылку.

[Леонид Князев]

Так, а чего вы в итоге хотите добиться?

[eldar_web]

Леонид Князев: хочу чтобы ячейки имели заданные размеры ширины.

[Артём Лучников]

eldar_web: ширина ячейки в одном столбце, но в разных строках не может быть разной. То, что у вас в примере - бессмысленно. Делайте либо другую таблицу, либо блоками

[Леонид Князев]

eldar_web: Таблицей вы так не сделаете. Делайте блоками.

[eldar_web]

Леонид Князев: Понятно. Вопрос остается актуальным.

[Леонид Князев]

eldar_web: Всмысле "Вопрос остается актуальным"? Как сделать таблицей то, что нельзя сделать таблицей?

Answer 1

[Игорь]

https://jsfiddle.net/0rmyxv43/

Comments

[eldar_web]

Костыль

[Игорь]

eldar_web: разве?

[Игорь]

eldar_web: ячейки одного столбца не могут быть разной ширины, поэтому вы либо используете colspan, либо делаете вложенные таблицы, что дольше и не нагляднее., либо верстаете блоками.

[Сергей delphinpro]

eldar_web: не костыль, а единственное решение на таблицах.
Вы вообще уверены, что вам нужна именно таблица?

[eldar_web]

Сергей: согласен, скорее всего единственное решение.

Answer 2

[Максим]

1) width
2) colspan

Comments

[Gortyser]

Не выйдет

[Максим]

Gortyser: в смысле не получится ?