Search code examples
javascriptextjsextjs3

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:

enter image description here

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


Solution

  • Try this

    forceFit: true 
    

    inside viewConfig of the grid