Conditional Color Coding of Table Cells

DanB ,

One method is to use 'MutationObserver'

Please try this :

widget.on('ready', function(se, ev) {
	//Observer
	const elementToObserve = $('.dataTables_scroll .dataTables_scrollBody table tbody', element)[0];
	const observer = new MutationObserver(function(e) {
		for(const m of e) {
			if (m.type === 'childList') {
				$("tr td:nth-child(4)").css('backgroundColor',''); // reset the color 
				$("tr td:nth-child(4)").each(function() {

				  if(parseInt($(this).html()) <= 14) {
					$(this).css('backgroundColor','red');
				   }
				   if(parseInt($(this).html()) > 14 && parseInt($(this).html()) < 30) {
					$(this).css('backgroundColor','yellow');
				   }
				   if(parseInt($(this).html()) > 30) {
					$(this).css('backgroundColor','green');
				   }
				 });
			}
		}
	});
	observer.observe(elementToObserve, {subtree: true, childList: true});
})

-Hari