All docs
V19.1
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
18.1
17.2
A newer version of this page is available. Switch to the current version.

DevExtreme jQuery - Column and Row Indexes

The following indexes can be used in methods and callback functions:

  • Initial Column Index (or simply Column Index)
    Equals the column's index in the columns array.

  • Visible Column Index
    Depends on the column's current location in the DataGrid and changes dynamically when columns are reordered or data is grouped.

    DevExtreme HTML5 JavaScript DataGrid Visible Column Index

    This index is not equal to the index set in the column.visibleIndex option. The latter is used to reorder columns.

  • Row Index
    Equals a row's order among rendered rows. This index starts from 0 and increases by 1 per row (includes group rows).

    DevExtreme HTML5 JavaScript DataGrid Row Index

    NOTE
    Rendered rows can be outside the viewport, for example, if scrolling is virtual or infinite or row rendering mode is virtual. To get the row index, use the getRowIndexByKey method or rowIndex field in callback functions like onRowClick, onCellClick, etc.