Как сделать иерархическую таблицу?

Question

[sunlord]

Подскажите, пожалуйста, кто знает, как лучше всего сделать на html иерархическую таблицу, типа структуры компании. Может есть какие-нибудь онлайн-конструкторы?

Answer 1

[lashtal]

d3.js
mbostock.github.com/d3/ex/cluster.html

Comments

[Артур Кох]

Круть!

Answer 2

[s0rr0w]

Если она статическая, то лучше всего в SVG отрисовать.

Answer 3

[Артур Кох]

А в каком виде хотите получить? Зайдите на любой сайт, где можно составить генеалогическое древо, вот вам и иерархия.

Comments

[Артур Кох]

Задавал вопрос о генерации подобного, но ответов получил немного
habrahabr.ru/qa/4069/

[sunlord]

Пока не могу найти такой сайт, где бы создавалась иерархия в необходимом виде

[Артур Кох]

А нарисовать в фотошопе не вариант?

Answer 4

[Codebaker]

Плагин jQuery treeview отлично решит эту задачу, пробовали его?

Comments

[Артур Кох]

На основе этого не построишь смешанное дерево с элементами, которые одновременно могут относиться к разным элементам иерархии.

[Codebaker]

Есть даже такая штука: JQTreeTable — www.hanpau.com/index.php?page=jqtreetable

[Codebaker]

dudeonthehorse: Построение дерево принято производить на основе выбранной объектной модели, инструмент отображения здесь ни при чем.

[sunlord]

Это не то, надо как тут: corpsite.ru/uploads/Hight.jpg
Проблема в том, как сделать соединительные линии.

[Codebaker]

Тогда вам лучше использовать www.graphdracula.net/

[Артур Кох]

www.graphdracula.net/ вот это как раз подходит в моем понимании. А то под «инструментом» я подразумевал не сам плагин, а модель списков ul

Answer 5

[Juggler]

Немного не в тему, но существует профессиональный софт для построения органограмм с экспортом. Называется OrgPlus. Менее профессионально и гибко можно делать в PowerPoint и тоже экспортировать.

Answer 6

[tick]

jsplumb.org/jquery/demo.html#

Comments

[sunlord]

Видел, но это замудрено, надо делать простые таблицы. Обычные блоки, соединенные линиями, и всё.

Answer 7

[Анатолий]

Мне почему-то сразу в голову лезут таблицы в таблицах =) Хотя верстальщики и будут плеваться, но задачу они решат элементарно

Comments

[sunlord]

А как сделать линии?

[Анатолий]

border-left(right): 1px solid;

Answer 8

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

м.б., лучше блок-схему типа Интерактивная диаграмма на CSS и HTML

Answer 9

[Сергей]

По моему был шаблон в гугл документах для построения иерархии

Answer 10

[tick]

а в другом q&a HelsinG подсказал еще одно решение — orgchart

Answer 11

[MT]

При чём здесь таблицы?