PDA

View Full Version : Problem scrolling grid



Increment
14 Feb 2017, 4:14 AM
Hello everyone.(I'm just sorry the poor knowledge of the English language)
Please help me. How to make horizontal scrolling data table only when it is needed.
I sketched out a simple illustrative example.

Thx for the u help.
1q84

vick_44
14 Feb 2017, 5:42 AM
[[UPDATED (as layout:'fit' was still truncating the data within the grid) ]]

You can try this below




Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
cls: 'body',
width: 200,
height: 300,
layout:{
tableAttrs: {
style: {width:'100%'}
},
type:'table'
},
autoScroll: true,


PS: You have missed adding Pam Beesly in the data!!! :p

Increment
14 Feb 2017, 6:03 AM
[[UPDATED (as layout:'fit' was still truncating the data within the grid) ]]

You can try this below




Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
cls: 'body',
width: 200,
height: 300,
layout:{
tableAttrs: {
style: {width:'100%'}
},
type:'table'
},
autoScroll: true,


PS: You have missed adding Pam Beesly in the data!!! :p

Oh, I'm very grateful for your help, thank you very much!