Как я могу создать HTML-таблицу с цветами по строкам и столбцам? [Дубликат]

Эта страница на официальном сайте mongodb адресует точно этот вопрос:

http://docs.mongodb.org/ecosystem/tutorial/model-data- for-ruby-on-rails /

Когда мы показываем наш список историй, нам нужно будет показать имя пользователя, разместившего историю. Если бы мы использовали реляционную базу данных, мы могли бы выполнить соединение с пользователями и магазинами и получить все наши объекты в одном запросе. Но MongoDB не поддерживает объединения, и поэтому время от времени требуется бит денормализации. Здесь это означает кеширование атрибута «имя пользователя».

Реляционные пуристы уже чувствуют себя неловко, как будто мы нарушаем какой-то универсальный закон. Но давайте иметь в виду, что коллекции MongoDB не эквивалентны реляционным таблицам; каждая из которых служит уникальной проектной цели. Нормализованная таблица обеспечивает атомный изолированный кусок данных. Однако документ более тесно представляет собой объект в целом. В случае сайта социальных новостей можно утверждать, что имя пользователя является неотъемлемой частью истории, опубликованной.

blockquote>

1
задан Prajwal 17 January 2019 в 15:07
поделиться

2 ответа

В CSS уже есть правила для нечетных и четных потомков.

https://www.w3.org/Style/Examples/007/evenodd.en.html

Вы можете установить идентификатор для таблицы и работать со своим стилем из этого , так что вам не придется стилизовать каждый элемент таблицы вручную. Предположим, у вас есть <table id="beta">, вы можете написать свой CSS как:

#beta tr:nth-child(even) {color:limegreen;}
#beta tr:nth-child(odd) {color:lime;}

Это приведет к тому, что ваши четные строки будут иметь стиль limegreen, а ваши нечетные строки - lime. То же самое можно применить к <td> и тому подобное. Это еще один пример, но с использованием списков , из ответа SO.

0
ответ дан Major Sam 17 January 2019 в 15:07
поделиться

Я думаю, вы можете использовать <'col>, спасибо, вы можете раскрасить весь столбец.

Я даю вам ссылку на синтаксис: https://html.com/tags/col/

.
0
ответ дан marc_s 17 January 2019 в 15:07
поделиться