Динамическая таблица данных

StackOverflow https://stackoverflow.com/questions/807571

  •  03-07-2019
  •  | 
  •  

Вопрос

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

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

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

Это было полезно?

Решение

Неприязнь большинства веб-разработчиков вызвана не самими таблицами, а их неправильным использованием - люди часто используют таблицы для размещения контента / элементов на веб-странице, а это "нет-нет". Но никто не говорил, что нет ничего плохого в использовании таблиц для отображения табличных данных - именно для этого и были предназначены 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"

Другие советы

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top