...
| Code Block | ||
|---|---|---|
| ||
{{renderer:function(instance, td, row, col, prop, value, cellProperties){console.log(value);td.innerHTML='<b>'+value+'</b>';}}} |
Change Color Depending on Integer Value
When integer value less than 60, set background color to green, otherwise, red.
| Code Block |
|---|
{{renderer:function(instance, td, row, col, prop, value, cellProperties){console.log(value);if(parseInt(value)<60){td.innerHTML="<span style='color: white; background-color: green;'>"+value+"</span>";}else{td.innerHTML="<span style='color: white; background-color: red;'>"+value+"</span>";}}}} |
Date Picker with Customer Renderer
...