@benoitranque @rstoenescu Great! That works ! Thanks Template: <q-list no-border striped> <q-list-header>My List:</q-list-header> <q-transition appear group enter="fadeIn" leave="fadeOut"> <q-item v-for="(item, index) in items" :key="index" :class="{striped: isOdd(index)}"> <q-item-side> <q-checkbox v-model="item.completed" @click.native="saveList" /> </q-item-side> <q-item-main :label="item.label" /> </q-item> </q-transition> </q-list> Return true if index divides by 2: methods: { isOdd (index) { if (index % 2 === 0) { return true } } } Stylus Class: .striped background-color #ccc