Infragistics(R) IgniteUI
Property Reference (igGrid)
E-mail your feedback on this topic.

Glossary Item Box

igGrid Column Moving Properties

igGrid Column Moving properties summary

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

bool

When false, hides the column moving menu for all columns.

true

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

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

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

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

string

Sets the Column Moving mode. The valid values are:

  • “immediate” – sets Column Moving to Immediate mode

(As the user draggs the header, it is moved and the columns swap animatedly.)

  • “deferred” – sets Column Moving to Deferred mode

(Dragging does not move the column header but, instead, arrowheads appear to mark the position where the column would be dropped if the user releases the mouse button.)

“immediate”

string

Sets the Column Moving type. The valid values are:

  • dom – sets the type to DOM Manipulation

(The column will be moved by detaching the column DOM and then re-attaching it back in the DOM tree.)

  • “render” – sets the type to Grid Re-rendering

(The grid will be re-rendered with the new column order.)

dom

number

Sets the timeDuration in milliseconds to of the animation showing or hiding the Move Columns dialog.

200

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

number

Sets the width of the Move Columns dialog.

400


Related Content

Topics

The following topics provide additional information related to this topic.

Topic

Purpose

This topic explains conceptually the Column Moving feature of the igGrid and the functionalities this feature provides.

This topic explains, with code examples, how to enable the Column Moving feature of the igGrid.

This topic explains, with code examples, how to configure the Column Moving feature of the igGrid.

This topic explains, with code examples, how to move columns using the column moving API.