如何为铁列表的交替行着色

时间:2016-02-19 22:45:18

标签: polymer

我有一个铁列表,其中包含来自数据库的查询行。我想为备用行着色,以便它们脱颖而出。

我的猜测是,我希望通过计算索引中的内容来设置类似“偶数”的类。在行模板中放置class$="[[calculatedValue]]"。然后我可以根据偶数类的存在为行着色。

但是我对如何做到这一点很困惑。我在托管元素中创建的任何属性都只是一个属性。如何扩展它以便我对每一行进行计算。

1 个答案:

答案 0 :(得分:2)

您甚至不需要声明一个类,因为您可以使用简单的CSS来执行此操作。

例如

.row:nth-child(odd) {
  background-color: red; /* color 'em red */
}
.row:nth-child(even) {
  background-color: white;
}