title: jQuery Datatables Footer sum of a hh:mm:ss data type column
body: <p>I can get the footer total of a INT column like this:</p>
  
  <pre><code>footerCallback: function ( row, data, start, end, display ) {
          var quantita = this.api(), data;
  
          // Total over all pages
          total_quantita = quantita
              .column( 5 )
              .data()
              .reduce( function (a, b) {
                  return intVal(a) + intVal(b);
              }, 0 );
  
          // Total over this page
          pageTotal_quantita = quantita
              .column( 5, { page: 'current'} )
              .data()
              .reduce( function (a, b) {
                  return intVal(a) + intVal(b);
              }, 0 );
  
          // Update footer Column "quantita"
          $( quantita.column( 5 ).footer() ).html(
          pageTotal_quantita +' ('+ total_quantita +' total)'
          );
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/oLZAz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oLZAz.jpg" alt="enter image description here"></a></p>
  
  <p>My question is: How can i get the <strong>total of a hh:mm:ss data type column</strong> like above?
  Thank you!</p>