Верстка дерева

Question

[anaximen]

подскажите пожалуйста как можно на HTML сверстать подобную структуру.
Дерево чтобы каждый уровень дерева был как отдельный столбец таблицы.
сейчас сделано через table но мне это решение не по душе, возможно есть более красивое решение?

нужно примерно следующее:

Comments

[Виктор Кузнецов]

Ширина столбца фиксированная или нет?

Answer 1

[Виктор Кузнецов]

jsfiddle.net/3E77R/ — примерно так, если ширина «столбца» фиксированная

Comments

[anaximen]

в принципе то что нужно, переменную ширину можно думаю через js сделать

[Виктор Кузнецов]

Может как-то средствами CSS можно, просто нет времени попробовать

Answer 2

[AxisPod]

Как показать дерево? В виде стандартного контрола дерева (например в проводнике левый блок с структурой каталогов) или еще как. Если в виде стандартного, то делить столбцами таблицы не очень хорошо.

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

А вообще поконкретнее уточните как именно показать, к примеру картинкой.

Answer 3

[Михаил Лялин]

habrahabr.ru/post/127375/

Answer 4

[anaximen]