vuetable-2 icon indicating copy to clipboard operation
vuetable-2 copied to clipboard

Change color of row, Please help

Open Heavenwalker opened this issue 5 years ago • 3 comments

I've managed to create an inline edit grid with vuetables using slots. The problem is that the color of even row has the exact same color with the input I am using ( Vuestic). I tried to use row-class, i tried to use data class but to no avail, even though the class is attached, even rows always have this "aliceBlue" color.

Please please give me your suggestions

Thanks a lot

Heavenwalker avatar Oct 10 '19 10:10 Heavenwalker

You can use CSS to change the color for all odd and even rows. tr.odd { /* your styles here */ } tr.even { /* your styles here */ }

mszkb avatar Oct 13 '19 08:10 mszkb

I think i've tried this as well, I'll try it again and let you know

Heavenwalker avatar Oct 14 '19 05:10 Heavenwalker

Doesn't work, keep in mind i'm using slots like this

<vuetable :fields="fields" :data="data"> 
  <template slot="mySlot" slot-scope="actions">
    <input v-model="myModel"></input>
  </template
</vuetable>

Maybe it's because of Vuestic implementation of vuetable

Heavenwalker avatar Oct 14 '19 05:10 Heavenwalker