怎么样在表格组件中实现色阶图的效果?-灵析社区

北北che

表格单元格中的数据根据值的大小来映射成不同的颜色,效果类似: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/6e5717cf7937d9dd6aed77eb42f27669.png) 请给出具体用法,谢谢!

阅读量:12

点赞量:0

问AI
使用 "hsl()" 颜色值可以很轻松的使用色阶的变化。 table>tr>td[style="background-color:hsl(0deg $% 50%);"]*100 上面这个转为 HTML 后就是这样了: table, tr, td { table-layout: fixed; border-collapse: collapse; } td { width: 50px; height: 50px; } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241216/f6ea33b711d75df8aad5b1c97cb6126d.png)