0

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>
4

1 に答える 1

0

列フォーマッタを使用します。値の文字列を空白で分割し、o.value.split(/\s/)各単語を調べます。対象の単語の 1 つである場合は、要素で囲みます。その要素に、色を追加するのに適した css クラスを割り当てます。

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

于 2012-06-05T04:58:19.930 に答える