Image cell in a grid. How to?

Hi

in my HTML page I have the following function that loads the grid when onItemClick event is fired

I want to attach an image to each row in the grid (based on some value)
I looked all over the documentation and could not find how to

Any advice?
Regards. alon.

function load_cities(cities) {
grid.clearAll();

	var jsarray = new Array();
	for (i = 0; i < cities.length; i++) {
		
		row[0] = cities[i].name;
		row[1] = cities[i].country;
		row[2] = events[i].population;

		jsarray[i] = row;
	}

	grid.parse(jsarray, "jsarray");
}

and that’s how I initialize the grid

function doOnLoad() {
	layout = new dhtmlXLayoutObject(document.body, "3L");
	...
	grid = layout.cells("c").attachGrid();
	grid.setImagePath(imagePath);
	grid.setHeader("Name, Country,Population,Notes");
	grid.setInitWidthsP("30,30,10,*")
	grid.setColAlign("left,left,left,left")
	grid.setColTypes("ro,ro,ro,ro");
	grid.init();
	grid.setSkin("dhx_web");
	...
}

“img” column type allows to add image in the grid’s cell.

Please, have a look at the following example:
dhtmlx.com/docs/products/dht … extra.html

Also here is the short tutorial:
docs.dhtmlx.com/doku.php?id=dhtm … xcells#img

This works fine… but how do I enable user to “tab” into this cell? For example, my “image” cell is a “+” to allow them to add a new row to the table. If I “tab” across the grid, it always skips the image cell. You have to use the mouse pointer to click.

Unfortunately such feature is not available.