Datagrid bad formatting inside tabs

[retroip]

Hello Community,
I'v searched for my "problem" but I did not found any similar topic to mine. So:

I'm trying to achieve correct looking datagrid inside tabs, but Columns does not autofit.

I have 3 tabs, each tab has its own datagrid. 1st is looking properly but 2nd and 3rd has column headers somehow corrupted.

 

Code:

<div id="tabs" class="easyui-tabs" style="height: auto">
        <div title="tab1" style="padding: 10px">
            <table id="table1"> <!-- DATAGRID -->
            </table>
        </div>
        <div title="tab2" style="padding: 10px;" data-options="cache:false">
            <table id="table2"> <!-- DATAGRID -->
            </table>
        </div>
        <div title="tab3" style="padding: 10px" data-options="cache:false">
            <table id="table3"> <!-- DATAGRID -->
            </table>
        </div>
</div>

I'm attaching screen shot with 1st and then 2nd tab selected.

I'v played with caches too. In my other project I'v solved it by loading external content for each tab after clicking on it. I think somehow could be this attempt solvable too.

DataGrid method "fixColumnSize" does not fix this.
I'v also tried to switch tables to prevent some my mistakes.

jQuery 1.8.0
jEasyUI 1.3.2


Any advices ?

Thank you very much for your support

[stworthy]

Please try to update easyui to newest version 1.3.4.