EasyUI Forum

Hello,

I have problem placed datagrid inside tab, when tab resize height more small then previous tab will scroll, i want scroll inside datagrid

Below pic attachment tblGps:

1. Scroll Outside Datagrid (Not i want)

(http://i59.tinypic.com/dvrlma.png)

2. Scroll Inside Datagrid (What i want)

(http://i59.tinypic.com/2hyzyog.png)

what the problem?

Sample html script:

<div data-options="region:'center'">
                <div id="toolsTabMap" style="margin-top:0;"></div>
                <div id="mainTabs" style="width:500px;height:250px;" data-options="tools:'#toolsTabMap'" fit="true">
                    <div title="Map" style="padding:5px;">
                        <div id="mapLayout" style="width:600px;height:400px;" fit="true">
                            <!--                            -->
                            <div data-options="region:'south',split:true,collapsed:true" style="height:300px;">
                                <div id="bt" style="padding:0px;">
                                    <div title="Vehicle Status" data-options="closable:false" style="overflow:auto;padding:0px;">
                                        <table id="tblGps" style="width:100px;height:100px;" data-options="toolbar:'#toolbarSummary',rownumbers:true,singleSelect:true,autoRowHeight:false,autoColWidth:true,pagination:false,pageSize:200,pageList:[50,100,200]" fit="true">                    
                                        </table>
                                    </div>
                                    <div title="Alarm Info" style="padding:1px;">
                                        <table id="tblAlarm" style="width:100px;height:100px;" data-options="rownumbers:true,singleSelect:true,autoRowHeight:true,autoColWidth:true,pagination:false,pageSize:200,pageList:[50,100,200]">                    
                                        </table>
                                    </div>
                                    <div title="Command Status" data-options="closable:false" style="overflow:auto;padding:0px;">

                                    </div>
                                </div>
                            </div>
                            <div id="map_canvas" data-options="region:'center'" style="padding:0px;border: 1px solid blue;">
                            </div>
                        </div>
                    </div>
                    <div title="Edit GPS" data-options="closable:false" style="padding:3px;">                        
                    </div>
                </div>
            </div>

                                    <div title="Vehicle Status" data-options="closable:false" style="overflow:hidden;padding:0px;">

kalau kya gitu hasilnya gmna mas?

Kalau overflow di hidden datagrid yang bagian bawah akan hilang, tapi sudah ketemu solusinya, Tks