Макет с таблицами — иерархия

В этой скрипте есть разметка и стиль, которые я делаю для веб-сайта:

http://jsfiddle.net/UvJmP/

Я пытаюсь представить данные таким образом:

  • Данные таблицы D2 содержатся в D1
  • Данные таблицы D3 содержатся в D2

Если бы мы думали о D1 как об объекте, то можно было бы сказать, что у каждого D1 есть D2, а у каждого D2 есть D3. В иерархии это будут «подтаблицы».

Есть ли лучший способ представить иерархию подтаблиц, чем расположение лестницы, которое у меня есть прямо сейчас?

Я немного борюсь, потому что понимаю, что английский не ваш родной язык. Вы спрашиваете: «Как мне описать отношения между D1 и D2, а также D2 и D3»? Или «Как мне визуально представить эти отношения»?
Хорошо, да, мой английский не совсем правильный. Простите за это. И да, я именно об этом и спрашиваю. Как я представляю эти отношения? Кроме размещения столов в форме лестницы.
Я отредактировал ваш пост на более понятный английский (извинения не нужны :)). Я вас правильно понял? Не стесняйтесь откатывать все, что я неверно истолковал.
Да нормально так. Спасибо, кстати. Итак, если вы знаете какой-либо другой способ представить это как лестницу, пожалуйста, дайте мне знать. знак равно

Ответы (2)

Небольшое цветовое кодирование может упростить вам презентацию. Иногда все эти дополнительные отступы только еще больше запутывают.

Я также внес небольшие изменения в стиль шрифта каждого заголовка, чтобы усилить иерархию.

введите описание изображения здесь

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

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

введите описание изображения здесь

введите описание изображения здесь

Это решение кажется хорошим, но ваш комментарий заставил меня о многом задуматься. Спасибо =)
Макет с таблицами — иерархия
СпросиСетьПолитика конфиденциальности1y, 0v