Ext.GridPanel rendered with width of 10001px

I have a Ext.grid.GridPanel and it is rendered into my Page with a width of 10001px. (Tested in FireFox Chrome and IE). Always the 开发者_运维百科same.

The Gridpanel is rendered into a <table><td> element so that i can layout it together with other element. (There's no way to ommit the tables. If i could i wouldn't use them).

The div element which encapsulates the table is 1614px of width so how can this happen?

Check this on the ExtJs forum site. The solution is stated there (Just create a Viewport with layout:'fit' and add the Grid to it.)

Grid has to be rendered to either A) an explicitly-sized element or B) an Ext Container that manages layout. The reference to adding the grid to a viewport from TurBas' answer relates to option B. In your case, you'll have to give your TD a fixed size for this to work. This begs the question... why are you rendering the grid into a table?

Updating from Version 2.2.1 to Version 3.3.1 solved my Problem. If someone else is experiencing the same problem and has to update to version 3. You should really use this forum post here to upgrade:

http://www.sencha.com/forum/showthread.php?70352-Upgrading-to-Ext-3

there are a few critical changes which could break your application.