Хотя может показаться хорошей идеей показывать строки таблицы с одинаковым значением billId одним и тем же цветом, это может оказаться непрактичным. Например, если у вас есть 100 различных значений поля billId, вам нужно будет найти 100 различных цветов для использования в строках таблицы, и каждый из этих цветов должен хорошо работать с фоновым / текстовым цветом таблицы.
Даже если вам удастся найти достаточно цветов, ваш стол, вероятно, будет выглядеть как взрыв на фабрике по производству краски.
Более простым / лучшим решением может быть использование события onclick
строки, чтобы выделить все строки красным цветом (например), которые имеют то же значение billId, что и выбранная строка. Для этого вам нужно будет использовать JavaScript.
Обновление
Комментарий ниже объясняет, что вы просто хотите чередовать цвета каждые 5 строк. Попробуйте это:
<table>
<g:each in="${billings}" status="i" var="billing">
<tr class="${i % 10 < 5 ? 'rows1' : 'rows2'}">
<td>${billing.id}</td>
<!-- Add other <tds> here -->
</tr>
</g:each>
</table>
В CSS вам нужно создать классы с именами rows1
и rows2
, которые определяют стили строк