Ext GridPanel 相关样式的自定义

今天项目需求，既说GridPanel的白色背景看久了太刺眼。所以在网上搜索再自己罗列整理出如下的自定义样式。

/*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框架升级。