自定义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来定义，如果只是想指定交替行的颜色，而其它不变，很简单：

view plaincopy to clipboardprint?

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

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

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