Как в gridview сделать разный фон ячеек в нестандартном порядке?

Question

[akula22]

В гриде нужно сделать разный фон у ячеек, но не как обычно, а так 1,2 фон1 и 3,4 фон2 и так далее

шаманить нужно здесь

'rowOptions'=>function ($model, $key, $index, $grid){
                $class=$index % 2 ? 'odd' : 'even';
                return [
                    'key'=>$key,
                    'index'=>$index,
                    'class'=>$class
                ];
            },

Подскажите решение

Comments

[padlyuck]

вам нужно целиком красить фон строк или фон столбцов?

[akula22]

фон строк

[akula22]

1 и 2 строка один цвет, 3 и 4 другой, 5 и 6 опять первый цвет, 7 и 8 другой, и так дальше

Answer 1

[Максим Тимофеев]

А зачем yii дергать? Это задача для css и :nth-of-type

tr:nth-of-type(1), tr:nth-of-type(2) {background-color:red;}
tr:nth-of-type(3), tr:nth-of-type(4) {background-color:green;}

Comments

[akula22]

там записей может быть до 128

[Максим Тимофеев]

akula22: И что? Лучше 128 классов сделать?

[Максим Тимофеев]

akula22: Сделайте отдельный css файл, засуньте туда все это и подключайте через assets где он нужен

[Максим Тимофеев]

akula22: И если использовать less то можно все в пару строк уложить.

[akula22]

Максим Тимофеев: а что точно писать надо в ксс файле, у меня такой код хтмл, см. ниже

[akula22]

tr:nth-of-type(1), tr:nth-of-type(2) {backrgound-color:red;} так не срабатывает

[Максим Тимофеев]

akula22: https://jsfiddle.net/o9aLg2c9/

[Максим Тимофеев]

akula22: замените backRGound на backGRound - это описка

Answer 2

[akula22]

<tbody class="ui-sortable">
<tr data-key="7" class="ui-sortable-handle"><td style="border-top:1px solid; ">1</td><td ><img src="/upload/images/team/586246181f77b.png" alt="" style="width:35px;height:35px;"> Zenit St. Petersburg - [ robot_dqaTH ] </td></tr>
<tr data-key="1" class="ui-sortable-handle"><td >2</td><td><img src="/upload/images/team/5894d64081ada.png" alt="" style="width:35px;height:35px;"> Amkar Perm - [ akula22 ] </td></tr>