Ext GridPanel 相关样式的自定义
2010-07-06 17:35
267 查看
今天项目需求,既说GridPanel的白色背景看久了太刺眼。所以在网上搜索再自己罗列整理出如下的自定义样式。
以供参考。只需在页面添加以上相关样式,不必修改ext-all.css文件,以便后期Ext框架升级。
/*GridPanel奇数行的背景颜色*/ .x-grid3 { background-color: #FAF0E6 !important; } /*GridPanel偶数行的背景颜色*/ .x-grid3-row-alt { background-color: #C0C0C0 !important; } /*GridPanel空白样式*/ .x-grid3-scroller{ background-color: #E6E6FA !important; } /*显示竖线*/ .x-grid3-cell-inner{ border-right:1px solid #eceff6 !important; } /*与表头对齐*/ .x-grid3-row td, .x-grid3-summary-row td{ padding-right: 0px !important; } /*去掉行间空白*/ .x-grid3-row { border-top-width:0px !important; border-bottom-width:0px !important; }
以供参考。只需在页面添加以上相关样式,不必修改ext-all.css文件,以便后期Ext框架升级。
相关文章推荐
- Ext.Net 1.2.0_利用 Ext.Net 自定义 GridPanel Ajax 控件
- 自定义Ext/Coolite的GridPanel的交替行颜色
- Ext学习笔记——grid表格渲染自定义样式
- 自定义Ext/Coolite的GridPanel的交替行颜色
- Ext.grid.GridPanel 单双行颜色样式(斑马线)
- Ext.Net 1.x_Ext.Net.GridPanel合并列头与动态修改列头
- Ext.grid.EditorGridPanel点击单元格添加菜单栏
- Ext GridPanel 表头合并
- EXT PANEL面板的刷新相关【转】
- Ext.Net 1.2.0_增删改 Ext.Net.GridPanel
- UltraWebGrid自定义分页样式
- Ext.grid.GridPanel .
- Extjs如何自定义panel header样式?
- 【ext.net 1.0】GridPanel 的插件 GridFilter 过滤组件,ListFilter过滤菜单不自动滚动的问题解决
- Ext.grid.EditorGridPanel
- Ext.Net 1.x_Ext.Net.GridPanel之右键菜单
- Ext JS GridPanel + WebService + 返回xml数据 + 批量删除
- EXT gridpanel自适应高度、宽度
- 【extjs】 extjs5 Ext.grid.Panel 搜索示例
- Ext.Net 1.x_Ext.Net.GridPanel之模拟2.x列汇总