Grid Control 3.0

Fixed Columns

If the grid has many columns that do not fit within the available layout region width, users can scroll the grid horizontally.You can fix positions of some columns on the left edge of the grid, or on the right edge of the grid. Fixed columns are always displayed, and do not scroll horizontally. The rest of the columns, in the middle of the grid, will scroll horizontally.

You can interactively fix or unfix specific columns. Refer to the following demonstration:

https://js.devexpress.com/Documentation/16_1/Guide/UI_Widgets/Data_Grid/Visual_Elements/#UI_Widgets_Data_Grid_Visual_Elements_Grid_Columns_Fixing_Grid_Columns

Note: Fixed columns require additional processing in the browser. They can significantly and negatively affect grid performance.

Add-in manager API

To fix columns, use the property appropriate for the column's location:

• To fix columns on the left edge of the grid, select a last column that will not scroll, and specify its ID as the lastLeftFixedColumn property of the grid configuration.
• To fix columns on the right edge of the grid, select a last column that will not scroll, and specify its ID as the firstRightFixedColumn property of the grid configuration.

For example:

View.createControl({ control: 'DataGrid', panel: 'gridPanel', container: 'gridContainer', dataSource: 'analysisValuesDataSource', lastLeftFixedColumn: 'finanal_sum.eq_id', ... });