| DHTMLX Documentation

# Control over tab-order

### Setting custom column tab order

Can be set by:

> grid.setTabOrder("1,2,3,4"); // the direct tab order
> grid.setTabOrder("4,3,2,1"); // the inverse tab order

### Tabbing through editable cells only

Can be enabled by:

> grid.enableEditTabOnly(true);

### Tab in grid and tab out of grid

Starting from dhtmlxgrid 1.6 you can control the page elements that precede/succeed the grid in the tab order.
For example, if you have the following layout:

> <input type="text" id="input1" />
> <div id="gridbox"></div>
> <input type="text" id="input3" />

You can use the following js commands to set the direct tab order:

> grid.setExternalTabOrder("input1","input3");

Now pressing the "tab" key in input1 will move the focus to the grid, and tabbing from the last cell of the grid will move the focus to input3.
© DHTMLX, 2008