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)
2. Scroll Inside Datagrid (What i want)
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>
