DataTables highlight line with higher percentage

You can scroll through the entire table by looking for the highest value and highlighting it.

More or less like this:

maiorValor = primeiroValorTabela;
$(tabela).each(function(i) {
    var valorAtual = $(this).val();
    if (valorAtual > maiorValor) {
        maiorValor = valorAtual;
    }
});

Then you add the class to highlight

$(maiorValor).addClass('destaque');

Css:

td.destaque {
    background-color: yellow !important;
}

Note: This code above does not work, it's just a "sketch" for you to get an idea.

You can make a javascript code to solve the problem:

// Instanciando a tabela
$(document).ready(function() {
  var tabela = $('#exemplo').DataTable( {
   "order": [[ 5, "desc" ]] // Esta linha apenas ordena a tabela pela coluna 5
} );

var max = maxValue(table);

// Verificando quais colunas tem o valor mais alto encontrado
var indexes = table.rows().eq( 0 ).filter( function (rowIdx) {
  return table.cell( rowIdx, 5 ).data() === max ? true : false;
} );

// Adicionando o estilo CSS a linha
table.rows( indexes )
    .nodes()
    .to$()
    .addClass('destaque');
} );

// Função para pegar o valor máximo usando o método Sort da API
function maxValue(table, indice) {
    var valArray = table.column(indice)
                               .data()
                               .sort();
    return valArray[0];
}

The CSS style you can create the way you like, I did a very simple:

<style type="text/css" class="init">
  .destaque{
    color:red;
  }
</style>

If there are columns with the same maximum value both will be highlighted

You can scroll through all rows of the table with the function fnRowCallback , store the values in an array, then filter the greater value and highlight the line, see the example below:

//Array para armazenar todos os valores da coluna
var vals  = [];
$('#tblList').dataTable({
//função percorre todas as linhas antes de renderizar
fnRowCallback:function(nRow, aData, iDisplayIndex, iDisplayIndexFull){
  var val = parseFloat(aData[3]); // transforma texto da terceira coluna em float
  vals[iDisplayIndex] = val;//coloca no Array
  $(nRow).data('max',val);//Define o atributo data de cada linha
}
});
//Filtra o maior valor do Array
var max = vals.reduce(function(a,b){
  return Math.max(a,b);
});
/*
* Percorre todas as linhas da tabela
* comparando se o atributo data da linha é igual
* ao valor máximo e destaca a linha, neste caso se
* houverem valores iguais todas as linhas serão destacadas
*/
$('#tblList tbody tr').each(function(){
  if($(this).data('max') == max){
     $(this).children('td').css('background-color','yellow');
  }
});

<link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><scriptsrc="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>


<table id="tblList">
<thead>
  <tr>
    <th>DDD</th>
    <th>Processadores</th>
    <th>Aprovados</th>
    <th>Percentual</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>11 - 19</td>
    <td>2.660</td>
    <td>574</td>
    <td>21.58%</td>
  </tr>
   <tr>
    <td>11 - 19</td>
    <td>2.660</td>
    <td>574</td>
    <td>21.59%</td>
  </tr>
  
  <tr>
    <td>21 - 28</td>
    <td>2.249</td>
    <td>298</td>
    <td>13.25%</td>
  </tr>
 <tr>
    <td>21 - 28</td>
    <td>2.249</td>
    <td>298</td>
    <td>21.59%</td>
  </tr>
  
</tbody>
</table>