link render

[Maino]

Is it possible to make certain columns look linked like photos? I want the mouse to change its shape if I put the mouse on the data value like the color column.

[paramvir]

Yes, please use column.render to draw links in the cells and column.postRender to attach mouseover, mouseout events to the cell.

Example of displaying links in the cells ( Athlete column ): https://paramquery.com/pro/demos/export_pdf

postRender callback:

Code: [Select]

postRender: function(ui){
var $cell = $( ui.cell );
$cell.on('mouseover', ()=>{
$cell.css('color', ui.rowData.color ); //where rowData.color is hexadecimal value of color to be stored in corresponding row.
//$cell.css('color', '#00ff00' );
}).on('mouseout', ()=>{
$cell.css('color', '' ); //unset the color on mouseout.
});
}

and set postRenderInterval: 0,in the main grid options.