Forum | Appery.io

I am trying to remove Rows, using...

Apperyio("myTable").find("tr:gt(0)").remove();

I can confirm that all Rows are removed from the DOM (confirmed using Chrome dev tools), except the first row. As desired. However, upon executing the above, the table disappears from the screen. Neither Apperyio("myTable").show() nor Apperyio("myTable").refresh() make the table appear again.

What am I missing?

Thank you for your help in advance.

Hello Bahar,

Please find our reply in the email.

If you fill the rows manually , add a pseudo class named "class-list-row
I created a public plugin for you with all these

search for RowAddAndDeleteSample

//Add an id to each row including the first one
var row=$("#YourGridID tr:last");
if(!row.attr("id")){

 row.attr("id",1); 

}
//Add the pseudo class
if(!row.hasClass("class-list-row")){

 row.addClass(""class-list-row"); 

}

var rowIdx=parseInt(row.attr("id"));
var newRow=row.clone();
rowIdx++;
newRow.attr("id",(rowIdx));
newRow.insertAfter( row );

newRow.hammer().bind("doubletap",function(){

 $(this).find(".row-delete-button:first").toggle(); 

});

<!---- THEN THIS FOR THE REMOVAL ---
$(this).closest(".contenedores-list-row").remove();