简体   繁体   中英

How to remove horizontal scroll from grid?

I have a Grid Panel in ExtJs 3.4 app:

kad_tab = new Ext.ux.grid.livegrid.GridPanel({
    store: store,
    region: 'center',
    cm: cm, 
    selModel: new Ext.ux.grid.livegrid.RowSelectionModel(),
    stripeRows : true,
    view: myView,
    //height: 390,
    loadMask: true,
    id: 'kad_tab',
    autoExpandColumn:'cadColumn',
    title:'Земельные участки',
    autoWidth:true,
    autoScroll: true,

And view:

    var myView = new Ext.ux.grid.livegrid.GridView({
    nearLimit : 70,
    autoFill: true,
    scrollOffset: 0,
    loadMask  : {
        msg :  'Buffering. Please wait...'
    }
});

And how its look:

在此处输入图片说明

You see that there some problem with last row. I think its becouse horizontal scroll. Its possible to remove horizontal scroll?

Try this

forceFit: true 

inside viewConfig of the grid

use style:{overflowX:'hidden'} or {'overflow-x':'hidden'}.

' hidden ' should be the class.

and also try autoscroll:false

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM