How can I remove the border of an EditorGridPanel in extJs?

[capturetheflag]

Hi,

I am new to extJs. I want to make the border of an EditorGridPanel invisible so that it becomes just a blank white space (My purpose is to show it inside a fieldset).

How can I achieve this? Here is the code for my EditorGridPanel.

CODE BEGINS
var iLineItemGrid = new Ext.grid.EditorGridPanel({
id: 'iLineItemStore',
store: iLineItemStore,
cm: iLineItemCM,
cls: 'iLineItemGrid',
width: 'auto',
height: 'auto',
style:'border: none;',//tried this to hide border
hideBorders: true,// this did not work
//title:'Edit Plants?',
frame:false,
//plugins:checkColumn,
clicksToEdit:1,
viewConfig: {
//forceFit: true
autoFit:true
},
tbar: [{
text: 'Add',
tooltip:'Add the line item',
handler : function(){
var r = new iLineItemRec({
i_line_item_name: '',
i_line_item_amt: ''
});
iLineItemGrid.stopEditing();
iLineItemStore.insert(0, r);
iLineItemGrid.startEditing(0, 0);
}
},
{
text: 'Delete',
tooltip:'Remove the selected line item',
handler: function(){
iLineItemGrid.stopEditing();
var r = iLineItemGrid.getSelectionModel().getSelectedCell();
iLineItemStore.removeAt(r[1]);
}

}

]
});

CODE ENDS

[sword-it]

Hi
Try to use border:'false' config to your EditorGridPanel