Динамическая Сетка Данных

Question

Мой проект - реорганизация построения сетки данных HTML с использованием SQL-запрос сгенерировал XML и XSL в таблицу HTML.

Содержимое таблицы при развертывании неизвестно, поскольку SQL используется для сборка данных XML генерируется приложением во время выполнения.

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

Answer 1

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

• Используйте элементы <thead>, <tbody> и <th>. Не просто сделать ряд "жирным шрифтом" <td> с.
• Используйте элемент <caption>.
• Используйте атрибут scope, чтобы связать заголовки со строками или столбцами.

В блоге Веерле есть два отличных урока на эту тему:

• Таблица в стиле CSS
• Версия таблицы в стиле CSS 2

Answer 2

Отвращение у большинства веб-разработчиков не к самим таблицам, а к их неправильному использованию - люди часто используют таблицы для позиционирования контента / элементов на веб-странице, что означает «нет, нет». Но никто не сказал, что нет ничего плохого в использовании таблиц для отображения табличных данных - для этого и предназначены таблицы HTML.

Таким образом, ответ зависит от того, как структурированы данные, поступающие из вашей БД.

.

Используйте таблицы для чего-то подобного:

Заказы:

--------------------------------------------------------
| Order ID  | Product Name  |  Order Date |  Ordered By |
--------------------------------------------------------
| 1         | blah blah     |  1/1/2009   |  Jane Doe   |
| 2         | blah blah     |  1/1/2009   |  Jane Doe   |
| 3         | blah blah     |  1/1/2009   |  Jane Doe   |

.

Не используйте таблицу для чего-то подобного:

"Hello, Jane Doe.  

Your order (#2), which was received on 1/1/2009, is being processed.  Sorry for the delay.

                                                    - Your friends at ABC Store"