css - ExtJs 3。: How to add borders for the grid body cells(without gird header)

Question

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

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

上面的 CSS 为 gird 标题创建了边框。那么如何删除网格标题单元格边框呢？

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
});