Как разбить HTML-таблицу на два столбца с чередующимся цветом фона строки

Question

Я уже давно занимаюсь этой проблемой, и кажется, что ни на одной платформе нет никакого реального решения.Вот как должен выглядеть конечный результат.

Это структура таблицы.

   <table  cellspacing="0" cellpadding="7px">
        <tr>
            <td><b><?php echo $title_form_database; ?></b></td>
            <td><?php echo $data_from_database; ?></td>
        </tr>
   </table>

Таким образом, каждое свойство, например (макс. Leistung) и данные перед ним - строка.Я хочу разбить таблицу на две колонки, как показано на рисунке.Я не могу установить определенное количество строк, потому что я не знаю, сколько свойств имеет каждый продукт, и он динамически загружается из БД.Также меня интересует, как работать с цветами фона строк.

Answer 1

Вы можете справиться с этим с помощью селекторов CSS.Я думаю, что это то, что вы ищите:

tr:nth-child(even) {
    background: #CCC;
  }
tr:nth-child(odd) {
    background: #FFF
  }