jQuery - forma más rápida de eliminar todas las filas de una tabla muy grande

Question

pensé que esto podría ser una manera rápida para eliminar el contenido de una tabla muy grande (3000 filas):

$jq("tbody", myTable).remove(); 

Pero se toman alrededor de las cinco segundos para completar en firefox ¿Estoy haciendo algo estúpido (aparte de tratar de cargar 3000 filas en un navegador)? ¿Hay una forma más rápida de hacerlo?

Answer 1

$("#your-table-id").empty(); 

Eso es lo más rápido que obtienes.

Answer 2

Dos cuestiones que puedo ver aquí:

1. El vacío() y eliminar() de jQuery realmente hacen un poco de trabajo. Vea el JavaScript Function Call Profiling de John Resig para saber por qué.

2. La otra cosa es que para grandes cantidades de datos tabulares puede considerar una biblioteca de cuadrícula de datos como la excelente DataTables para cargar sus datos sobre la marcha del servidor, aumentando el número de llamadas de red, pero disminuyendo el tamaño de esas llamadas. Tenía una tabla muy complicada con 1500 filas que se volvieron bastante lentas, cambiando a la nueva tabla basada en AJAX hizo que estos mismos datos parecieran bastante rápidos.

Answer 3

si desea eliminar sólo es rápido .. se puede hacer, como a continuación ..

$("#tableId tbody tr").each(function(){ 
    this.parentNode.removeChild(this); 
}); 

pero, no puede haber algunos elementos por eventos binded en la tabla,

en ese caso ,

código anterior no es prevenir pérdida de memoria en el IE ... TT y no es rápido en FF ...

siento ....

Answer 4

Es mejor evitar cualquier tipo de bucles, basta con retirar todos los elementos directamente como esto:

$("#mytable > tbody").html(""); 

Answer 5

Usted podría intentar esto ...

var myTable= document.getElementById("myTable"); 
if(myTable== null) 
    return; 
var oTBody = myTable.getElementsByTagName("TBODY")[0]; 
if(oTBody== null) 
    return; 
try 
{ 
    oTBody.innerHTML = ""; 
} 
catch(e) 
{ 
    for(var i=0, j=myTable.rows.length; i<j; i++) 
     myTable.deleteRow(0); 
} 

Answer 6

funciona este para mí:

1- Agregar clase para cada fila "RemoveRow"

2- en el jQuery

$(".removeRow").remove();