Add bottom side-to-side scroll bar to ExtJS Grid

Question

Here are my two grids -- they are ExtJs grids however we wrap the declarations in vb.net code:

Dim VehicleOptionsGrid As New Framework.WebControls.Grids.Grid
    With VehicleOptionsGrid
        .ID = "VehicleOptionsGrid"
        .Title = "Vehicle Options"
        .Toolbar.UseDefaultButtons = False        
        .Mode = Grids.Grid.GridMode.Control        
        .Panel.Border = False
        .Panel.Style = "border-width:1px;margin-bottom:5px"
        .Ref = "../../../../VehicleOptionsGrid"
        .Editable = True
        With .Columns.Add("IsSelected", "Selection", Framework.WebControls.Grids.Grid.ColumnDataType.Boolean)
            .Renderer = "renderVehicleCheckbox"
        End With
        .Columns.Add("CollateralId", "").Hidden = True
        .Columns.Add("OptionId", "OptionId").Hidden =True         
        .Columns.Add("OptionName", "Name").Width = 400
        .GridHeight = 400
        .DataBind()

        ViewResponse.AddScript(.ToString(False))
        ViewResponse.AddScript("VehicleOptionsGrid.grid.addListener('cellclick', changeOptionStatus);")
    End With

    Dim VehicleResultsGrid As New Framework.WebControls.Grids.Grid
    With VehicleResultsGrid
        .ID = "VehicleResultsGrid"
        .Title = "Results"
        .Toolbar.UseDefaultButtons = False
        .Mode = Grids.Grid.GridMode.Control
        .Panel.Border = False
        .Panel.Style = "border-width:1px;margin-bottom:5px"
        .Ref = "../../../../VehicleResultsGrid"        
        .Columns.Add("CollateralId", "").Hidden = True
        .Columns.Add("ValueType", "Value Type")
        .Columns.Add("ValueAmount", "Amount", Framework.WebControls.Grids.Grid.ColumnDataType.Money).Width = 400
        .GridHeight = 400
        .DataBind()

        ViewResponse.AddScript(.ToString(False))
    End With

Using javascript, is there anyway I can add a bottom scroll bar to these grids? Doesn't seem like we have a wrapped command to do it...

Answer 1

Answer, if you have a button on the bottom toolbar, only solution is to resize the columns to be able to see them all together, or enable column drag and drop.