Extjs4 更改网格的边界

我有下面的代码来创建网格

var store = Ext.create('Ext.data.ArrayStore', {
    fields: [
   { name: 'company' },
   { name: 'price', type: 'float' },
   { name: 'change', type: 'float' },
   { name: 'pctChange', type: 'float' }

],
    data: myData
});
var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    renderTo: 'divGrid',
    columns: [
    {   text: 'Company',
        flex: 1,
        dataIndex: 'company'
    },
    {   text: 'Price',
        flex: 1, 
        dataIndex: 'price'
    },
    {   text: 'Change',
        flex: 1,
        dataIndex: 'change'
    },
    {   text: '% Change',
        flex: 1,
        dataIndex: 'pctChange'
    }],
        height: 250,
        width: '100%',
        title: 'Array Grid',
        renderTo: 'grid-example',
        viewConfig: {
            stripeRows: true
        }
    });

});

---

我想更改边框网格的颜色和宽度。如何操作？

ExtJS网格面板类为您提供了定义自定义样式的参数。您可以使用以下类参数：

• 边界
• 车身风格
• 车身
• 身体边界
• 车身衬垫

---

可以使用这些参数的组合来操纵栅格的边框和主体样式。有关这些参数的详细信息，请参阅文档。

ExtJS网格面板类为您提供了定义自定义样式的参数。您可以使用以下类参数：

• 边界
• 车身风格
• 车身
• 身体边界
• 车身衬垫

---

可以使用这些参数的组合来操纵栅格的边框和主体样式。有关这些参数的详细信息，请参阅文档。

快速脏版您可以在任何网格或绘制方框的任何组件上设置此配置：

style: 'border: solid Red 2px'

更正确的方法是创建css规则并在配置中设置

cls:'myRedBorderRule

'

编辑：

---

快速脏您可以在任何网格或任何绘制方框的组件上设置此配置：

style: 'border: solid Red 2px'

更正确的方法是创建css规则并在配置中设置

cls:'myRedBorderRule

'

编辑：

---

在下面添加css以删除边框

.x-panel-body .x-grid-item-container .x-grid-item {
        border: none;
    }

---

在下面添加css以删除边框

.x-panel-body .x-grid-item-container .x-grid-item {
        border: none;
    }

---

如何使用bodycls更改边框？我应该把它放在配置部分吗？如何使用bodycls更改边框？我应该把它放在配置部分吗？