Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Card View
  [Collapse]Vertical Grid
    Overview - VerticalGrid
    Main Features
   [Collapse]Concepts
    [Expand]Binding to Data
    [Expand]Data Representation Basics
    [Expand]Data Editing and Validation
    [Collapse]Focus and Navigation
     [Collapse]Paging and Scrolling
       Data Paging
       Horizontal Scrolling
       Vertical Scrolling
      Selection
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Navigation and Layout Extensions
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Expand]Data Editor Extensions
  [Expand]Report Extensions
  [Expand]SpellChecker
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Horizontal Scrolling

The maximum number of columns that can be displayed within the VerticalGrid is specified by the ASPxVerticalGridPagerSettings.PageSize (through VerticalGridSettings.SettingsPager.PageSize) property. By default, columns are automatically resized to fit the grid's width.

To show more records within a single VerticalGrid page without affecting the width of grid columns, you can display the horizontal scrollbar.

You can enable horizontal scrolling, using the ASPxGridSettings.HorizontalScrollBarMode (through VerticalGridSettings.Settings.HorizontalScrollBarMode) property.
Note

Enabling horizontal scrollbars on a VerticalGrid extension disables the paging gesture functionality, so the GridSettingsBase.EnablePagingGestures property is not in effect.

Expanded Example

The code sample below illustrates how to implement horizontal scrolling within the VerticalGrid extension.

Partial View code:

How would you rate this topic?​​​​​​​