Я пытаюсь показать древовидную структуру в таблице HTML. Это в основном список людей, которых вы ссылались на сайт, но вы можете расширять их и видеть людей, которых они называли (только 2 или 3 уровня). Я также показываю несколько фрагментов информации для каждого человека, поэтому я использую таблицу с несколькими столбцами.
Мне интересно, какой лучший способ отобразить это, чтобы люди на более низких уровнях выглядели "отступом", но избегая несоответствия между содержимым данных и заголовками, показывающими, что означает каждый номер...
В основном я ищу воровство идей:-) Вы когда-нибудь видели или делали сайт, который имеет что-то вроде этого?
Изменить: Спасибо за все ответы.
Я думаю, что не смог правильно объяснить, что я пытаюсь сделать.
Это список людей, но причиной существования этого отчета являются числа, привязанные к каждому человеку, а не самому списку.
Для каждого человека в этом "списке" я собираюсь показать данные справа, которые должны быть выровнены, например, чтобы иметь "итоговые значения" внизу и т.д.
Изображение, если хотите, с проводником Windows с деревом слева, чтобы вы могли открывать и закрывать папки, но затем, справа от каждой папки, у вас есть данные, например, сколько файлов там, что вид информации и т.д. Так же, как вы попадаете в правую панель в Проводнике Windows для "файлов" (в виде "Детали" ), только то, что я делаю это для дерева слева. (Это не то, что я делаю, но это ближайшая аналогия, о которой я мог подумать)
Вот почему я склоняюсь к созданию таблицы, а не к списку. Если они только имена людей или дерево папок, я полностью согласен с тем, что nesting <ul> это путь. Моя проблема в этом случае заключается в том, что дополнительные данные, которые мне нужно показать для каждого элемента, являются самой важной частью всего отчета.