bugs "layout" easyui

[Opan Mustopah]

i think i've found some bugs on easyui.

when i load many plugins such accordion and datagrid inside an iframe, and the iframe inside an plugins such accordion or tabs, all element inside accordion or tabs when state in closes or not selected is become broken, or layout not like normal.

see bugslayout1.png. there is two closed accordion panel with title address and contact. and inside them are already have loaded iframe that have a complex element like datagrid etc.

when i expand or open one of those accordion panel, the layout become not normal. like i can load an element when his display hidden or something.

see bugslayout2.png

as you can see, column width and header width become not same. would is normally is same like datagrid on pic bugslayout1.png.

do you have any suggestion for me to solve this issue?

this happening to when i load multiple iframe in same time on tabs plugins. 

many thanks for the answer and your suggestion. hope you guys will response my question soon as possible.

[jarry]

Please try to call 'resizeFilter' method to resize the filter component's width.

Code:

var dg = $('#dg');
dg.datagrid('resizeFilter');

[Opan Mustopah]

thanks jarry for your fast response but sorry, it's not working.
the layout still broken.

there is a method to make datagrid layout comeback to normal?

i already try to define datagrid again, but the result still not i was expected.

thanks for your answer

[jarry]

You may need to provide an example or a page link to demonstrate your issue.

[Opan Mustopah]

ok jarry i'll provide some example
thanks

[vbp3774]

Hi...

Have similar problem when i try Pivot Grid demo.

Try to resize column width (by it's content length) with double-click on column header divider. The divider doesn't straight between column header and data.

that's my first bug discovery on jeasyui so far.

Thank you