Adding extjs ui elements into existing html

[tjhons]

Hello! I need add Ext JS UI elements to existing html. Please, tell me how add gridtable(Ext.grid.Panel) to extincting site design. In my case i have next table:


leftpart
div id="gridtable"
rightpart


When i set renderTo:'gridtable', i get line instead of grid. When i play with parameters i see that this happens when width: '100%' and height: '100%'. If i set height to '400', for example, grid normally drawn. I want a cell with grid stretched across the available space.

[jay@moduscreate.com]

IMHO, Ext JS doesn't do a perfect job at automatic sizing. So therefore, you need to configure the dimensions. Just get a reference to the element. Ext.get('gridtable').getWidth(), and so on.

[tjhons]

jay@moduscreate.com,

Thanks for reply!

How to be at the table automatically resizes when resizing the browser window?
If i change size of window is resized columns in table, but grid doesn't change its size. Is there any possibility to monitor size of column during resizing the browser window size to transmit modified column size to grid?