自定义Ext/Coolite的GridPanel的交替行颜色

 

GridPanle默认就有交替行颜色，但今天群里的朋友说那颜色太淡了，想自定义设置，我看了下，如果要自定义交替行的颜色，我通过IE8自带的开发者工具看到GridPanel的行主要有以下Css：

 

  .x-grid3-row为GridPanel行样式，

  .x-grid3-row-alt为GridPanel交替行的样式

  .x-grid3-row-first为首行样式

  .x-grid3-row-last为最后一行样式。

 

如果要自定义样式，可以通过  .x-grid3-row和  .x-grid3-row-alt来定义，如果只是想指定交替行的颜色，而其它不变，很简单：

.x-grid3-row-alt
{
    /*将GridPanel的交替行设为红色*/
    background-color:Red;
}

.x-grid3-row-alt { /*将GridPanel的交替行设为红色*/ background-color:Red; }

这样就将交替行设为了红色，^-^