Ordenar varias columnas al mismo tiempo con DATA TABLE

[andre___5025]

Buen dia, voy a ir al grano,

tengo una tabla dinámica en donde cargo los datos de mi base de datos. en el cuerpo de la tabla tengo unos valores, debo ordenar los valores de cada columna de mayor a menor. Estoy utilizando la libreria data table para tablas dinamicas, y la funcion que estoy implementando para esto es "columns.orderData" con la siguiente sintaxis pero no me ordena como deberia, o la verdad no entiendo muy bien como funciona:

Código PHP:

          echo "<table id='abaco' border>
        <thead>
        <tr>
            <th>ITEM</th>";
        foreach ($items2 as $e=>$ex) {
            foreach($ex as $llave=>$valor){
            echo "<th>$llave</th>";
            }
            break;
        }
        echo "<th>Ordenar</th>";
        echo "</thead>";
        echo "<tbody>";
        foreach ($items2 as $it=>$vlr_items) {
            echo "<tr>";
            echo "<td bgcolor=#F2F5A9>$it</td>";
            $suma = 0;
            $count = 0;    
            foreach ($vlr_items as $va=>$valores_vect) {
                $suma = $valores_vect+$suma;
                $count++;            
                    echo "<td $valores_vect </td>";
            }
            echo "<td><center><font size='1'>$suma</font></center></td>";
            echo "</tr>";
            }
        echo "</tbody>";
        echo "</table>"; 
   

Código Javascript:

<script type="text/javascript">
  $(document).ready(function() {
        $('#abaco').dataTable( {
            columnDefs: [ {
                targets: [ 1 ],
                orderData: [ 1, 2 ]
            }, {
                targets: [ 2 ],
                orderData: [ 2, 3 ]
            }
 
            ]
        } );
    } );
  </script>
 

Alguien que por favor me colabore. Gracias.

[Alexis88]

Para que no te compliques, lo puedes hacer así (ejemplo):

Código HTML:

<table id = "foo">
    <thead>
        <tr>
            <th>Nombre</th>
            <th>Edad</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Juan</td>
            <td>25</td>
        </tr>
        <tr>
            <td>María</td>
            <td>38</td>
        </tr>
        <tr>
            <td>Elena</td>
            <td>42</td>
        </tr>
    </tbody>
</table>
 

Código Javascript:

$("#foo").dataTable({
    order: [[0, "asc"], [1, "desc"]]
});
 

Lo que hago es bastante simple. Al atributo order, le asigno un array asociativo, en el cual habrán dos arrays pues la tabla solo tiene dos columnas. La primera, tendrás sus valores ordenados de forma ascendente, mientras que la segunda, de forma descendente. El 0 y el 1 indican los números de columnas afectadas, recordando que siempre se empieza la cuenta desde el cero.

DEMO

Saludos