jquery - mostrar - Tablas de datos que agregan datos JSON al pie de página<tfoot>

mostrar json en una tabla html

Question

Estoy usando datatables para mostrar algunos datos en formato JSON y he incluido los totales de la consulta en la parte inferior de JSON así:

{
    "data": [
        {
            "id": "1",
            "provider_num": "381301",
            "provider_name": "COTTAGE GROVE COMMUNITY HOSPITAL",
            "261_total_bad_debts": "$0",
            "271_medicare_bad_debts": "$79,275",
            "281_non_medicare_bad_debts": "$-79,275",
            "1_cost_to_charge_ratio": "0.703459",
            "291_cost_of_non_mcr_bad_debts": "$-55,767"
        }
    ],
    "total_bad_debts": 0,
    "total_medicare_bad_debts": 79275,
    "total_non_medicare_bad_debts": -79275,
    "total_cost_of_non_mcr_bad_debts": -55767
}

Estoy un poco confundido sobre cómo puedo agregarlos al pie de página de mi tabla, como antes tenía acceso a la variable de las variables php y ahora los estoy codificando en el JSON. Si alguien tiene alguna experiencia con esto y usa footerCallback en la inicialización de datatables, sería realmente genial.

Gracias por adelantado

Answer 1

Puede utilizar los datos de la respuesta JSON en el pie de página de DataTables como se muestra a continuación.

$(''#example'').dataTable( {
   ''ajax'': ''data/arrays.txt'',
   ''footerCallback'': function( tfoot, data, start, end, display ) {    
      var response = this.api().ajax.json();
      if(response){
         var $th = $(tfoot).find(''th'');
         $th.eq(0).html(response[''total_bad_debts'']);
         $th.eq(1).html(response[''total_medicare_bad_debts'']);
         $th.eq(2).html(response[''total_non_medicare_bad_debts'']);
         $th.eq(3).html(response[''total_cost_of_non_mcr_bad_debts'']);
      }
   } 
});