Conditionals based on Repeater Row Index

[poirazis]

I have a Data Provider -> Repeater -> Container situation where i would like to set the Container background to light grey on even rows, and while on odd rows to create the zebra effect, and also i would like the first Row of the Repeater to carry bold fonts while the rest rows would not.

Is this something currently achievable ?
Is there a way to set / update settings of inside elements based on the enclosing repeater row position ?

[melohagan]

HI @poirazis

This is doable with Conditional UI: https://docs.budibase.com/docs/conditions

Have a Data Provider with Repeater and two containers:

Configure conditions for the light container:

JavaScript

return $("Repeater.OddEven.Auto ID") % 2 ? $("Repeater.OddEven.Auto ID") : false

Then the dark container will have the exact same condition, but the ternary will be flipped:

return $("Repeater.OddEven.Auto ID") % 2 ? false : $("Repeater.OddEven.Auto ID")

I'm using Auto ID here, but you could use any column that is an incrementing integer.

Result