yui - 如何在 YUI DataTable 中以不同颜色显示字符串的每个单词？

Question

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

我需要“标记”颜色为蓝色，“好”颜色为红色。

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 类。

例如https://gist.github.com/2872732