Javascript 如何在网格中实现可选行颜色

如何在extjs 5网格中实现替代行颜色。正如我所知，我们必须在css中应用x-grid-row-alt类来实现这一点。它在ExtJS4中工作，但在ExtJS5中不工作。对此有什么想法吗？

您可以使用（在网格的

viewConfig

上设置）：

设置为True以将行分条

这将导致CSS类

x-grid-row-alt

添加到备用行 网格的一部分。提供了一个默认的CSS规则来设置背景 颜色，但您可以使用一个规则来覆盖它，该规则 背景颜色样式使用！重要的修饰语，或者哪个 使用更高特异性的CSS选择器

如果要自定义它，请尝试改用

x-grid-item-alt

（默认为）

---

您还可以更改scss背景颜色变量。

在网格的

viewConfig

中使用

getRowClass

方法

viewConfig: {
  getRowClass: function(record, index, rowParams)
  {
     return (index % 2 == 0) ? 'grid-row1' : 'grid-row2';
  }
},

CSS

---

建议在SO上显示您尝试过的内容。

tr.grid-row1 td{
    background-color: #d6f0f9;
}
tr.grid-row2 td{
    background-color: #F2F2F2;
}