如何在YUI DataTable中显示不同颜色的每个字符串？

Question

如何在YUI DataTable中显示不同颜色的每个字符串？

我需要“Mark”颜色为蓝色，“good”为红色。

http://i.stack.imgur.com/OSlvc.png

<script>
    YUI().use("datatable", function(Y) {

    var records = [
    { item: "widget", cost: 23.57, price: 47.5 },
    { item: "gadget", cost: 0.11, price: "Mark is good " },
    { item: "sprocket", cost: 4.08, price: 3.75 }
    ];

    var table = new Y.DataTable({
    columns: ["item","cost", "price"],
        data: records
    });
    table.render("#example");
    }); 

</script> 

Answer 1

使用列格式化程序。按空格o.value.split(/\s/)拆分值字符串并检查每个单词。如果它是您的目标单词之一，请用元素包装它。为该元素指定一个适合添加颜色的css类。

E.g。 https://gist.github.com/2872732