1

私はデータテーブルを持っています

<table data-bind="dataTable: { 
        data: items, 
        options: {
            bPaginate: false,
            aaSorting: [[0, 'desc']],
            aoColumns: [ 
                { sClass: 'date', mDataProp: 'date' }, 
                { mDataProp: 'time' }, 
                { sClass: 'name', mDataProp: 'name' }, 
                { sClass: 'thought', mDataProp: 'thought' } 
            ] 
        } 
    }">

私が表示しない項目には、別の値 (思考タイプ) もあります。「思考タイプ」の値に応じて「思考」セルのクラスを変更したい。

したがって、思考タイプが新しいアイデアの場合、「思考」の値を表示するセルを黄色にしたいと思います。

これはデータテーブルで可能ですか?

4

3 に答える 3

1

関数を追加する

"fnRender": function(obj) {
                    var sReturn = obj.aData[ obj.iDataColumn ];
                    if ( sReturn == "is wat you needed" ) {
                        sReturn = "add style to your element";
                    }
                    return sReturn;
                }

以下のリンクに示されている例を参照してください

http://datatables.net/examples/data_sources/js_array.html

A のアルファベットが他のアルファベットに比べて太字になっていることがわかります。これで問題が解決することを願っています。

于 2013-09-10T11:45:35.817 に答える
0

APIでfnRowCallback見てみましょう。任意の行について、これはその行を描画した直後にその行に応答し、その行のデータに基づいて必要に応じて行を調整できます。たとえば、次のようなものが機能する可能性があります。

'fnRowCallback' : function(row, data) {
    if (data[0] === 'someValue') {
        $('td:eq(0)', row).addClass('someClass');
    }
}
于 2013-09-10T11:45:47.797 に答える