Несколько / в таблице допустимо?

представьте себе список списков, подобных этому:

var list = [
  { name: 'group1', 
    items: [ 1, 2, 3, 4, 5 ]
  },
  { name: 'group2', 
    items: [ 1, 2, 3, 4, 5 ]
  },
  etc...
]

теперь забывая весь аргумент" таблицы предназначены для данных, а не для дизайна", я хотел отобразить одну таблицу для list и отдельно <thead> и <tbody> для каждой записи в list.

это технически допустимый? Это работает в браузере, но мой чувства паука покалывают на этом.

3 65
javascript html

3 ответа:

вы можете иметь столько <tbody> элементы, как вы хотите, но не более одного каждого <thead> и <tfoot>. ссылка:

содержание модели:

в этом порядке: необязательно элемент заголовка, а затем по нулю или более элементов colgroup,за которым необязательно следует thead элемент, за которым следуют либо ноль, либо несколько элементов tbody, либо один или несколько элементы tr, за которыми необязательно следует элемент tfoot, необязательно смешивается с одним или несколькими элементами поддержки скриптов.

98

там самое большее один thead и tfootразрешено, так что вы не должны создавать дополнительные заголовки. В конце концов th на thead дает смысл вашим колонкам, таким как" время суток"," температура","количество кошек в настоящее время в огне".

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

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

10

Я считаю, что это просто как id атрибуты. Они должны быть уникальными, но вы можете повторно использовать его на той же странице, и вы все равно можете выбрать его.

Я бы рекомендовал против него.

4