Ext js grid seethrough

Question

I want to have an Ext Js grid which is completely transparent. Is this possible? I have tried multiple things to achieve this. Changing style of individual cells, changing styles of rows, overriding ext js CSS. But nothing seems to work.

Sorry for not posting any code but I am interested more in the correct approach

Example using renderer:

metaData.style = "background-color:transparent !important";

Example using bodyStyle:

bodyStyle: 'background:transparent;'

Thaks in advance

Answer 1

Just add to you grid:

Code 3.4

new Ext.grid.GridPanel({     
          ...

       style: {
            opacity: 0.5
           }
          ...})

Code 4.2:

Ext.create('Ext.grid.Panel', {
          ...

       style: {
            opacity: 0.5
           }
          ...})

It`sa standart attribute of grid in 3.4 and 4.x Ext JS