Put an image over a cell - cell position

[TiloS]

Hello,

I want to put an image over a cell of a grid. The image should overhang beyond one border.

In the renderer function of the column I tryed this:

renderer: function(value, metadata, record) {

    var pos = this.getPosition();
                            
    value = '<div style="position:absolute;top:' + pos[0] + 'px;left:' + pos[1] + 'px;z-index:1;"><img src="image.png" /></div>';
                                
    return value;
}

But I get the wrong position of the cell. What could be wrong?

Regards
Tilo

[mitchellsimoens]

So in each row in this column you want an image but that image needs to be larger than that cell?

[TiloS]

Yes, in several rows conditional on the value. And yes, the image needs to be larger than the cell. With the image I want to point graphically (maybe with an arrow) to the next cell or to the cell below.