It seems like there are a lot of threads for Horizontal scrollbar issue of the GridPanel. What is the proper way to insert grid into <div> tag and get the horizontal bar if the columns width exceed the view width?

Code:
    var consultantStore = new App.ConsultantStore({id:'consultantStore'});
    
    var consultantGrid = new App.ConsultantGrid({
        id: 'consultantGrid',
        store: consultantStore,
        autoHeight: true,
        stripeRows: true,
        region: 'center',
        
        bbar: new Ext.PagingToolbar({
            pageSize: consultantPageSize,
            store: consultantStore,
            displayInfo: false
        })
    });
 
    consultantGrid.render('grid-container');
Code:
  <DIV id="pageContent">
    <DIV id="grid-container"></DIV>
  </DIV>