自定义Ext/Coolite的GridPanel的交替行颜色
2011-07-16 16:31
155 查看
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?.x-grid3-row-alt
{
/*将GridPanel的交替行设为红色*/
background-color:Red;
}
.x-grid3-row-alt { /*将GridPanel的交替行设为红色*/ background-color:Red; }
这样就将交替行设为了红色,^-^
.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?.x-grid3-row-alt
{
/*将GridPanel的交替行设为红色*/
background-color:Red;
}
.x-grid3-row-alt { /*将GridPanel的交替行设为红色*/ background-color:Red; }
这样就将交替行设为了红色,^-^
相关文章推荐
- 自定义Ext/Coolite的GridPanel的交替行颜色
- Ext.Net 1.x_Ext.Net.GridPanel字体格式化、颜色配置
- Ext.Net 1.x_Ext.Net.GridPanel字体格式化、颜色配置
- Ext.grid.GridPanel 单双行颜色样式(斑马线)
- Ext.grid.GridPanel根据某列改变行的颜色
- Ext.Net 1.2.0_利用 Ext.Net 自定义 GridPanel Ajax 控件
- Ext.grid.GridPanel根据某列改变行的颜色
- Ext GridPanel 相关样式的自定义
- 为Ext/Coolite中的GridPanel加网格线
- Ext.grid.GridPanel 问题
- 从服务器端获取列和数据动态创建Ext.grid.EditorGridPanel
- [Ext.Net]TreePanel自定义图标
- Ext.grid.Panel一定要有renderTo或autoRender属性,不然页面为空
- Ext.Net 1.x_Ext.Net.GridPanel序号宽度自适应(待完善)
- Coolite 关于gridpanel 之RowDblClick 向后台传递id实现
- EXT JS Grid checkbox GridPanel 中的批量操作
- Ext.grid.GridPanel属性祥解
- Extjs-表格 Ext.grid.GridPanel
- Ext.ux.maximgb.tg.GridPanel需注意的一个问题
- Ext GridPanel 动态生成列 demo