Jak mogę zapobiec dodaniu wtyczki jquery dataTable do wiadomości i wiersza, gdy brak danych?

Question

Właściciel naszego produktu chciałby, aby nasze puste tabele wyświetlały nagłówek tabeli tylko wtedy, gdy nie ma danych w tabeli. Nie mogę zapobiec tworzeniu rekordów przez komunikat z pustym tekstem.

Oto kod, którego używam do inicjalizacji tabeli dataTable. Wiem, że niektóre rzeczy tutaj są złe. Eksperymentowałem. :)

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

Oto kod, który próbowałem wstawić do funkcji init w klasie dataTable, ale nie wiem, jak go uruchomić.

/* 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

spróbować

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

inaczej można spróbować tego

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

Answer 2

Stary post, ale dla osób korzystających z wyszukiwarek szukają właściwej odpowiedzi Oto jak się dokonałem.

Usuń lub wypowiedzieć się następujący wiersz ze źródła DataTables:

anRows[iRowCount].appendChild(nTd); 

w wersji minified, wyszukiwanie i usuwanie:

b[i].appendChild(c); 

Answer 3

można dostosować wtyczki DataTable przy użyciu 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": '' } 

Mam nadzieję, że pomoże!

Answer 4

Jeśli chcesz usunąć TBODY attacched z wtyczką elementu datatable, można spróbować tego rozwiązania:

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

Answer 5

Najbardziej aktualny sposób, aby ukryć wiadomości jest za pomocą language option

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