How To Add Row To Table When Enter Key Press Using Jquery?

April 16, 2024 Post a Comment

I have my table here (not full because he take around 200 lines). This code is use for create and fill one row :

Solution 1:

You can use .append() to inserting new row to table.

$("tbody").append("<tr>...</tr>");

But if html of row is long and you want to copy it from document, you can use .clone() to copy html of row and use .appendTo() to appending copied html to end of table.

$("tbody > tr:first").clone().appendTo("table");

Baca Juga

How To Retrieve Firebase Database Start From Bottom To Up?
Kineticjs Undo Layers: Layers Don't Disappear On Undo?
How Do I Make An Element Disappear And Reappear When Scrolling Down?

$(window).keydown(function(){
    if (event.keyCode == 13) {
        $("tbody > tr:first").clone().appendTo("table");       
        event.preventDefault();
    }
});

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><table><tr><td>Col1</td><td>Col2</td><td>Col3</td><td>Col4</td><td>Col5</td></tr></table>

JavaScript Frameworks

How To Add Row To Table When Enter Key Press Using Jquery?

Solution 1:

Post a Comment for "How To Add Row To Table When Enter Key Press Using Jquery?"