The following table explains some of the properties of the igGrid
Column Moving feature and lists the default and recommended values. The properties are sorted alphabetically.
Property | Type | Description | Default Value |
---|---|---|---|
addMovingDropdown | bool | When false, hides the column moving menu for all columns. | true |
columnSettings | array |
If column moving is enabled, configures individual columns for which moving will be disabled. The columns are specified through the columnSettings.allowMoving and columnSettings.columnIndex /columnSettings.columnKey properties.
|
null |
columnSettings.allowMoving | bool |
When false, disables column moving for a particular column in the grid. The configured column is specified by either columnSettings.columnIndex or columnSettings.columnKey
.
|
true |
columnSettings.columnIndex | number |
The index of the column that is being configured. Use the column index to specify the column when the grid columns do not have column keys defined (e.g. when autoGenerateColumns is set to true).
|
null |
columnSettings.columnKey | string | The column key of the column that is being configured. Use the column key to configure the column when the grid columns have column keys defined (e.g. when the grid columns are defined manually). | null |
mode | string |
Sets the Column Moving mode. The valid values are:
|
“immediate” |
moveType | string |
Sets the Column Moving type. The valid values are:
|
“dom” |
movingDialogAnimationDuration | number | Sets the timeDuration in milliseconds to of the animation showing or hiding the Move Columns dialog. | 200 |
movingDialogHeight | number | Sets the height of the Move Columns dialog. By default, the height is not set, so that the dialog height stretches to show all the grid columns. | N/A |
movingDialogWidth | number | Sets the width of the Move Columns dialog. | 400 |
The following topics provide additional information related to this topic.
Column Moving Overview: This topic explains conceptually the Column Moving feature of the igGrid
and the functionalities this feature provides.
Enabling Column Moving: This topic explains, with code examples, how to enable the Column Moving feature of the igGrid
.
Configuring Column Moving: This topic explains, with code examples, how to configure the Column Moving feature of the igGrid
.
Moving Columns Programmatically: This topic explains, with code examples, how to move columns using the column moving API.
View on GitHub