javascript - 自定义 wpDataTables JS - 正面和负面

Question

希望对我的客户 wpDataTables JS 有所帮助。之前有人问过这个问题 - 'How to Colorize negative/positive numbers' 答案是这个链接 - http://www.alunr.com/articles/jquery-addclass-to-positive-and-negative-values-on-a-page - 但我似乎无法将它应用到我的表中。谁能帮忙？

这是我添加的 printscreen - my custom js page

非常感谢!

Answer 1

我找到了解决方案:

1) 在自定义 wpDataTables JS 框中，输入以下内容:

</script>
<script>
(function($) {
$('.numdata.uren_kolom').each(function() {
	var Uren = $(this).text();

	if ((Uren > 0) && (Uren < 6)) {
		$(this).addClass("laag");
	}
	else if((Uren > 5) && (Uren < 8)) {
		$(this).addClass("gemiddeld");
	}
	else {
		$(this).addClass("positive");
	}
});
})(jQuery);

2) 在文本框“Custom wpDataTables CSS”中，输入以下内容:

.laag{color: red;}
.hoog{color: #22a000;}
.gemiddeld{color: #000000;}

3) 在需要条件格式的列中，输入 CSS 类:

uren_kolom