自定义wpDataTables JS - 正面和负面

时间:2015-10-24 23:45:53

标签: javascript jquery css

希望能得到我的客户wpDataTables JS的帮助。之前已经问过这个问题 - '如何着色负数/正数'答案是这个链接 - http://www.alunr.com/articles/jquery-addclass-to-positive-and-negative-values-on-a-page - 但我似乎无法将其应用到我的表格中。有人可以帮忙吗?

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

非常感谢!

1 个答案:

答案 0 :(得分:0)

我找到了解决方案:

1)在Custom 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);
&#13;
&#13;
&#13;

2)在文本框&#34;自定义wpDataTables CSS&#34;中,输入以下内容:

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

3)在您想要条件格式的列中,输入CSS class:

&#13;
&#13;
uren_kolom
&#13;
&#13;
&#13;