ExtJs 3.：如何为网格体单元格添加边框（没有网格标题）

Question

我想添加没有网格标题的网格单元格边框，所以我为网格添加了 CSS 类。 这是我的 CSS 类

#table_id td {    
border-color: #A8A8A8 ;
border-style: solid ;
border-width: 1px ;
z-index: 55000 ;
}

以上 CSS 为 gird header 创建边框。那么如何删除网格标题单元格边框？

Answer 1

试试这个

.app-Grid table tr.x-grid-row,
.app-Grid table tr td.x-grid-cell
 {
     height: 36px;
     border-color: #555;
 }
//app-Grid is the css class applied to your grid

你的网格：

 Ext.extend(Ext.grid.EditorGridPanel, {
        title: 'Service Request Types and Rates',
        height: 210, 
        cls: 'app-Grid', 
        columnLines: true
});