Cómo puedo evitar que el plugin jquery dataTable agregue filas y mensajes cuando no hay datos

Question

El propietario de nuestro producto desea que las tablas vacías muestren el encabezado de la tabla cuando no haya datos en la tabla. Parece que no puedo evitar que dataTable cree una fila con el mensaje "vacío ...".

Aquí está el código que uso para inicializar la base de datos. Sé que algunas cosas aquí están mal. He estado experimentando :)

$('#InBox').dataTable({ 
    "bFilter": false, 
    "bPaginate": false, 
    "bLengthChange": false, 
    "bInfo": false, 
    "oLanguage": { 
     "sEmptyTable": '', 
     "sInfoEmpty": '' 
    } 
}); 

Aquí hay un código traté de poner en la función init del dataTable, pero no estoy seguro de cómo conseguir que funcione.

/* Table is empty - create a row with an empty message in it */ 
      var anRows[0] = document.createElement('tr'); 

      if (typeof oSettings.asStripClasses[0] != 'undefined') { 
       anRows[0].className = oSettings.asStripClasses[0]; 
      } 

      var nTd = document.createElement('td'); 
      nTd.setAttribute('valign', "top"); 
      nTd.colSpan = oSettings.aoColumns.length; 
      nTd.className = oSettings.oClasses.sRowEmpty; 
      if (oSettings.fnRecordsTotal() > 0) { 
       if (oSettings.oLanguage.sZeroFilterRecords.indexOf("_MAX_") != -1) 
        oSettings.oLanguage.sZeroFilterRecords = oSettings.oLanguage.sZeroFilterRecords.replace("_MAX_", oSettings.fnRecordsTotal()); 
       nTd.innerHTML = oSettings.oLanguage.sZeroFilterRecords; 
      } else { 
       nTd.innerHTML = oSettings.oLanguage.sZeroRecords; 
      } 

      anRows[iRowCount].appendChild(nTd); 

Dan

Answer 1

probar esto

$('#InBox').dataTable({ 
    "bFilter": false, 
    "bPaginate": false, 
    "bLengthChange": false, 
    "bInfo": false, 
    "oLanguage": { 
    "sEmptyTable": '', 
    "sInfoEmpty": '' 
    }, 
    "sEmptyTable": "There are no records", 
}); 

lo contrario se puede probar este

$('#InBox').dataTable({ 
    "bFilter": false, 
    "bPaginate": false, 
    "bLengthChange": false, 
    "bInfo": false, 
    "oLanguage": { 
    "sEmptyTable": '', 
    "sInfoEmpty": '' 
    } 
}); 
$('.dataTables_empty').html("No record found."); 

Answer 2

Mensaje viejo, pero por el bien de las personas que utilizan los motores de búsqueda en busca de la respuesta correcta así es como lo logré.

Eliminar o comente la siguiente línea de la fuente de tablas de datos:

anRows[iRowCount].appendChild(nTd); 

En la versión miniaturizada, buscar y eliminar:

b[i].appendChild(c); 

Answer 3

Puede personalizar el plugin DataTable utilizando oLanguange:

"oLanguage": { "sZeroRecords": "-Put customized text-", "sEmptyTable": "-Put customized text-" } 

And if you want to remove those, just put these components into null: 
"oLanguage": { "sZeroRecords": '', "sEmptyTable": '' } 

Espero que ayude!

Answer 4

Si desea eliminar el tbody attacched desde el plugin tabla de datos, puede probar esta solución:

$('.dataTables_empty').parent().parent().remove(); 

Answer 5

La forma más corriente de ocultar los mensajes es el uso de la language option

$('#loggedMessages').DataTable({ 
    "language": { 
     "emptyTable": ' ', 
     "zeroRecords": ' ' 
    } 
});