Таблицы. С чем их есть?

@sKotenok · Регистрация: 29.03.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте.

Есть веб интерфейс суть которого в работе с кучей заказов. Заказы сведены в таблицу (table class="orders") и сгруппированны по опред. условию. Каждый заказ представлен строкой таблицы (tr class="order").
Столбцов много, в строку не влезут, поэтому столбцы скорее элемент оформления а не логики. Заказ сейчас - плашка с переменным числом строк (от 1 до 3х) в каждой ячейке, ячейки (td) нужны для группировки областей по вертикали.

Сейчас переделываю все под html5+css3+ajax и пытаюсь найти балланс между оформлением/семантикой.
Пока свалю все вопросы в кучу, если никто не в курсе, буду долбить по одному на тему )..

-Есть ли возможность поизвращаться со стилями, чтобы столбцы таблицы раскидывать не в 1 строку? Семантически 1 строка = 1 заказ, каждый столбец = 1 ячейка из БД - абсолютно верно и мне было бы удобнее работать с именно такой формой, но пользователям удобнее, когда заказ влазит на экран..
Пока что пришло в голову:
а) Оставить столбцы для выравнивания, каждую ячейку оборачивать в <span> и уже ими рулить.. - примерно так сейчас и сделанно.
б) Оставить один столбец на строку, заказ оформлять кучей <div> или вообще делать отдельную таблицу на заказ.. -
в) Отказаться вообще от таблиц, использовать ul или кучу div..
Но все варианты неудобны. Может есть у кого идеи?

-Для группировки заказов использую <tbody> - удобно в плане разных стилей для разных статусов (заказы часто меняют статус)
Теперь хочу как-то научиться сворачивать\разворачивать этот <tbody>. Сделать это можно в 1 строку на jquery, но не получается прикрутить кнопочку [+] / [-]. Если кто сталкивался - помогите, куда и как её лепить?
В теории сюда оптимально подходит ::before, но это псевдоэлемент, к нему кнопку/ссылку фиг прикрутишь..
Из примеров того, что мне нужно нашел fieldset, но внутрь таблицы это не прикрутишь...(

HTML5
1
2
3
4
<fieldset>
<legend><a href="#">Свернуть/Развернуть</a></legend>
<p>Содержимое поля fieldset!</p>
</fieldset>

Может кто знает, как это вообще сделать?

@sKotenok · 03.01.2013, 19:21 **[ТС]**

Посидев пару вечеров, проблему сворачивания групп строк таки решил, если кому надо будет - просите, выложу. Получилось не очень кошерно, но лучше не придумал..

Осталось разобраться с группировкой столбцов. По идее тут должны помочь <colgroup>, но с ними позже поковыряюсь.

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@sKotenok 363 / 334 / 38 Регистрация: 29.03.2011 Сообщений: 838
	03.01.2013, 19:21 [ТС]
	Посидев пару вечеров, проблему сворачивания групп строк таки решил, если кому надо будет - просите, выложу. Получилось не очень кошерно, но лучше не придумал.. Осталось разобраться с группировкой столбцов. По идее тут должны помочь <colgroup>, но с ними позже поковыряюсь. 0