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

Posted 2023-02-26

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

【英文标题】：ExtJs 3. : How to add borders for the grid body cells(without gird header)

【发布时间】：2013-09-25 06:49:43

【问题描述】：

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

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

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

【参考方案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
);

【讨论】：

我将 css 类添加到我的网格中，但不添加单元格边框。

'MyEditorGrid3Ui = Ext.extend(Ext.grid.EditorGridPanel, title: '服务请求类型和速率', height: 210, border: false, bodyStyle: 'border-color: #A8A8A8 ; \nborder-style: solid ;\nborder-width: 1px ;\nz-index: 55000 ;', cls: 'app-Grid', columnLines: true, hideBorders: true, bodyCssClass: 'app-Grid.', id: '',' 是按网格