No meu sistema tenho uma tabela montada pelo DataTables
. Os dados são recebido do servidor via Ajax.
Exemplo da estrutura de dados carregados na tabela:
DDD | Processados | Aprovados | Percentual |
11 - 19 | 2.660 | 574 | 21.58% |
21 - 28 | 2.249 | 298 | 13.25% |
E a forma que estou usando os parâmetros de configuração:
var oTable = $('#tblList').dataTable({
"aaData": dtData,
"bFilter": true,
"bInfo": true,
"bStateSave": false,
"oLanguage": {
"sUrl": "pt.txt"
},
"bJQueryUI": true,
"bProcessing": true,
"bDestroy": true,
"bPaginate": true,
"bLengthChange": false,
"sPaginationType": "full",
"aLengthMenu": [[10], [10]],
"dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>',
"bAutoWidth": false,
"aoColumns": [{ "sWidth": "50%" }, { "sWidth": "15%" }, { "sWidth": "15%" }, { "sWidth": "20%" }],
"aoColumnDefs":
[{ "sTitle": "DDD", "bSortable": true, "sName": "ddd", "aTargets": [0] },
{ "sTitle": "Processados", "bSortable": true, "sName": "Processados", "aTargets": [1] },
{ "sTitle": "Aprovados", "bSortable": true, "sName": "Aprovados", "aTargets": [2] },
{ "sTitle": "Percentual de Aprovação", "bSortable": true, "sName": "Percentual de Aprovação", "aTargets": [3] }]
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Preciso de saber alguma forma para destacar a linha que tem o maior percentual, no caso aqui (21.58%). Usando um cor de background, ou cor do texto, fonte, etc.