のDataTableのフィルタリングと行は、私は、行をハイライト表示し、テーブルのソートされたデータテーブルを持っていますが、私は、コードの2枚、ハイライト用と私はエラーを取得し、フィルタリングのための1つを実行したときに一緒に

Question

を動作していないハイライトします。私はエラーを取得する理由

は、私は理解しますが、私は一緒にコードが機能を停止し、それらを結合した後、私は、コードを書くどんなには、以下の私のjavasciptコードとjsfiddle例へのリンクです。

$(document).ready(function() { 
    $('#example').dataTable({ 
"aoColumns": [ 
    null, 
    null, 
    null, 
    null, 
    null, 
    null, 
    { "sType": "date-uk" }, 
    { "sType": "date-uk" }, 
    { "sType": "date-uk" }, 
    null, 
    null, 
    null 
] 
}); 

jQuery.extend(jQuery.fn.dataTableExt.oSort, { 
"date-uk-pre": function (a) { 
var ukDatea = a.split('/'); 
return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1; 
}, 

"date-uk-asc": function (a, b) { 
return ((a < b) ? -1 : ((a > b) ? 1 : 0)); 
}, 

"date-uk-desc": function (a, b) { 
return ((a < b) ? 1 : ((a > b) ? -1 : 0)); 
} 

}); 

fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
    if (aData[3] == "PV PLUS") { 
     $(nRow).addClass('highlight'); 
    } 
    if (aData[3] == "ECO1") { 
     $(nRow).addClass('highlight1'); 
    } 
    if (aData[3] == "ECO2") { 
     $(nRow).addClass('highlight2'); 
    } 
    } 
}); 

リンク

JSfiddle

編集コード

$(document).ready(function() { 
$('#example').dataTable({ 
"aoColumns": [ 
    null, 
    null, 
    null, 
    null, 
    null, 
    null, 
    { "sType": "date-uk" }, 
    { "sType": "date-uk" }, 
    { "sType": "date-uk" }, 
    null, 
    null, 
    null 
    ] 
    }); 

    jQuery.extend(jQuery.fn.dataTableExt.oSort, { 
    "date-uk-pre": function (a) { 
    var ukDatea = a.split('/'); 
    return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1; 
    }, 

    "date-uk-asc": function (a, b) { 
    return ((a < b) ? -1 : ((a > b) ? 1 : 0)); 
    }, 

    "date-uk-desc": function (a, b) { 
    return ((a < b) ? 1 : ((a > b) ? -1 : 0)); 
    } 

    }); 
var table = $('#example').DataTable({ 
    fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
    if (aData[3] == "PV PLUS") { 
     $(nRow).addClass('highlight'); 
    } 
    if (aData[3] == "ECO1") { 
     $(nRow).addClass('highlight1'); 
    } 
    if (aData[3] == "ECO2") { 
     $(nRow).addClass('highlight2'); 
    } 
    } 
}); 
}); 

だから、私は、コードを更新して、それはもうエラーはありません、しかし、ハイライトは、いずれか、今は動作しません。

Answer 1

正しいコードを以下に示します。

$.extend($.fn.dataTableExt.oSort, { 
    "date-uk-pre": function(a) { 
     var ukDatea = a.split('/'); 
     return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1; 
    }, 
    "date-uk-asc": function(a, b) { 
     return ((a < b) ? -1 : ((a > b) ? 1 : 0)); 
    }, 
    "date-uk-desc": function(a, b) { 
     return ((a < b) ? 1 : ((a > b) ? -1 : 0)); 
    } 
}); 

$(document).ready(function() { 
    $('#example').DataTable({ 
     'columnDefs': [ 
      { 'type': 'date-uk', 'targets': [6,7,8] } 
     ], 
     'rowCallback': function(row, data, index){ 
      if (data[3] == "PV PLUS") { 
       $(row).addClass('highlight'); 
      } 
      if (data[3] == "ECO1") { 
       $(row).addClass('highlight1'); 
      } 
      if (data[3] == "ECO2") { 
       $(row).addClass('highlight2'); 
      } 
     } 
    }); 
}); 

はコードやデモンストレーションのためupdated jsFiddleを参照してください。