salve ho dei problemi a ordinare una tabella datatable per data e ora (formato 24 ore ) . i dati arrivano server side , questo l'output della tabella :

https://imgur.com/C2ixbJS.png

come si vede il 4/9 l'orario 14:15 dovrebbe essere prima di 07:45 .

questo il js della tabella :

codice:
$("#tabella-catalogo").DataTable({
                     'processing': true,
                         'serverSide': true,
                         'serverMethod': 'post',
                        "columnDefs": [
                            { "type": "num", "targets": 1 }
                        ],
                        "order": [
                                    [ 2, "desc" ],
                                    [ 3, "desc" ]
                                 ],
                                      
                         "lengthMenu": [[10, 25, 50,500, 200000000000], [10, 25, 50,500, "TUTTO"]],
                         'ajax': {
                            'url':"<?=base_url()?>index.php/ajax_call_lista_foglio_viaggio/lista_ajax",
                            'data': function(data){                               
                               // CSRF Hash                               
                               var csrfName = $('.txt_csrfname').attr('name'); // CSRF Token name
                               var csrfHash = $('.txt_csrfname').val(); // CSRF hash
                                


                               return {


                                  data: data,
                                  [csrfName]: csrfHash // CSRF Token
                               };
                            },
                            dataSrc: function(data){




                              // Update token hash
                              $('.txt_csrfname').val(data.token);


                              // Datatable data
                              return data.aaData;
                            }
                         },
                         'columns': [
                                    { data: 'id' },
                                    { data: 'num_foglio' },
                                    { data: 'data' },
                                    { data: 'ore_inizio_servizio' },
                                    { data: 'nominativo' },
                                    { data: 'id_clienti' },
                                    { data: 'id_tipo_pagamento' },
                                    { data: 'fruitori' },
                                    { data: 'prezzo' },
                                    { data: 'commissione' },
                                    { data: 'conducente' },
                                    { data: 'id_dipendenti' },                                    
                                    { data: 'id_targa' },
                                    { data: 'rimessa' },
                                    { data: 'ore_uscita_rimessa' },
                                    { data: 'km_uscita_rimessa' },                                    
                                    { data: 'km_inizio_servizio' },
                                    { data: 'data_fine_servizio' },
                                    { data: 'ora_di_fine_servizio' },
                                    { data: 'km_fine_servizio' },
                                    { data: 'ora_rientro_rimessa' },
                                    { data: 'km_rientro_rimessa' },




                         ], dom: 'Bflrtip',
                        keys: true,
                });


    });
ho estratto solo alcune colonne e riprodotto in questo jsfiddle le colonne che mì interessano :

https://jsfiddle.net/ehar8jzm/3/

e qui funziona tutto perfettamente...

Cosa può essere ?