Rails中数字的Excel样式条件格式

时间:2012-10-09 18:00:57

标签: css ruby ruby-on-rails-3 formatting conditional

我正在编写一个销售应用,其中的商品具有:savings属性,范围从0到100(%)。我希望将显示该属性的单元格的背景颜色有条件地着色,就像在Excel中一样。

Excel条件格式的基本思想是它计算你正在处理的范围(0-100),当你为每个极端分配一种颜色时,它会自动确定项目之间的颜色应该是什么是。所以100可以是亮绿色,80是温和的绿色,60是黄色,40是橙色,20是温和的红色,0是鲜红色。等等。

我想我可以在穷举的意义上弄清楚如何做到这一点 - 只需创建一个帮助器,为每个0到100之间的整数可能性分配一个具有不同十六进制背景颜色的CSS类。但这看起来非常低效,并且我正在交叉手指以获得某种Rails技术,宝石或预先存在的助手,这可以使这更容易和更优雅。

有什么想法吗?

1 个答案:

答案 0 :(得分:4)

我写了一个执行此操作的jQuery插件:jQuery Hottie。我经常使用它。看起来像是在Rails中做到这一点的一个很好的选择。

JSFiddle example

传递自定义颜色数组以将高/中/低值映射到特定颜色非常简单。