:: Documentation >>


Scrollable grid control. Displays data in a table with fixed headers, resizable columns, client-side sorting and much more.

Constructor Syntax

var obj = new Active.Controls.Grid;

Class Hierarchy

Data Models

rowSpecifies the row indices and the row headers data.
columnSpecifies the column indices and the column headers data.
dataProvides the content to display inside the grid cells.
selectionControls the row/column/cell selection.
sortControls sorting of the grid rows.
statusProvides control status.
errorProvides error information.

Public Methods

setColumnHeaderHeightAllows to specify the height of the column headers.
setRowHeaderWidthAllows to specify the width of the row headers.
sortSorts the rows with the data in the given column.

Content Templates

layoutSplits the grid display into the four scrolling areas.
mainContains the main area of the grid.
dataContains the list of data rows.
leftContains the row headings area.
topContains the column headings area.
statusDisplays control status text.
errorDisplays error text.
rowGrid row template.
columnGrid column (cell) template.


<div id="{id}" class="active-controls-grid " oncontextmenu="return false" onselectstart="return false" onkeydown="dispatch(event, this)" onmousewheel="dispatch(event, this)">


example rahonam (0)
Taking grid data into a textbox Eva (2)
multi-column sorting sweety (8)
File sorting anand (0)
multipage grid -> empty rows sorting Rekcor (1)
multiselection with checkbox on Active.Controls.Grid Fatih Polat (1)
multiselection with checkbox ? Fatih Polat (1)
How do I best remove a row? someguy (2)
Load file into javascript variable Fidel Guajardo (3)
Can't scroll with keyboard on a Grid (1.0) in a Frame Bill Honaker (4)
sorting disabled, but unknown process still runs Mike (4)
RowHeaderWidth Sadir (1)
tooltip for results in every cell selvan palaniyandi (1)
How to hide the row label Bill (5)
column header width pgm (0)
Moving Columns Rohith (1)
is form handling supported for the grid? someguy (1)
Can I disable the grid like a regular input? If so, how? someguy (1)
Bug in src.getColumnProperty("texts") Kare Langedrag (0)
Update data in grid control (1)
how to put a link property to a cell ALEX LUTHOR (2)
more than one link per row Thorsten (1)
Sort Value Rafael Vieira (1)
Grid.sort function SKIPS LAST RECORD WHILE SORTING Ramkrishna (0)
How can i set the number of rows in a grid before scrolling Roger (3)
sort off lw (3)
dates Fran (0)
Can a column be pinned-up - (made not to move), in the grid ? sujith.menon@globeop.com (2)
active widget jake (0)
Printing Leonardo (1)
Load file into a javascipt variable Fidel Guajardo (0)
Add a row into the Table? bls (0)
column index error glennlosentes (0)
v2 falseProphet (2)
Totally unclear (4)
how to select a data from a cell Suneel Grover (1)
Sort model Rafael Vieira (0)
Regarding Grid Coding Ganesh (1)
Link bob (0)
clarification please doolittle (0)
Hiding duplicate values in a CoLumn Sachin Paradkar. (0)


Recent changes:

2.5.0 - 2.5.6
2.5.0 - 2.5.5