Image cell in a grid. How to?


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) {

	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.setHeader("Name, Country,Population,Notes");

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

Please, have a look at the following example: … extra.html

Also here is the short tutorial: … 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.