CSS подход к табличной разметке, где некоторые элементы данных (ячейки) отсутствуют? - PullRequest
0 голосов
/ 06 февраля 2019

Это похоже на проблему, возникающую в макете таблицы CSS с отсутствующими ячейками .

Справочная информация: данные

У меня очень уродливый лист Excel с 72 различными столбцами данных (на данный момент).Для любой данной строки любой из этих элементов данных может быть пустым.Мы застряли с файлом Excel в качестве авторитетного формата данных из-за различных рабочих процессов и организационных соображений.

Вполне возможно, что число столбцов в будущем может измениться (либо увеличится, либо уменьшится).

Справочная информация: процесс

Я использую XSL для преобразования этого в различные другие форматы, включая HTML.Как часть этого, было решено, что HTML использует табличный макет, сохраняя поверхностное сходство с Excel.У нас есть возможность использовать CSS / JavaScript для отображения или скрытия столбцов по мере необходимости - 72 столбца громоздки, и большинство пользователей интересуются только определенными подмножествами.

Вопрос:

Должен ли ядействительно нужно сгенерировать пустые <td> элементы для отсутствующих элементов данных?

→ Это возможно, но уродливо и утомительно.

Есть ли какой-нибудь элегантный способ сказать "это <td> дляСтолбец 12 ", и расположите эту строку соответствующим образом под заголовком для столбца 12, даже если элементы <td> для столбцов 4 и 7 отсутствуют?

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

Дополнительные соображения:

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...