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

Question

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

I need your help, if the following code below counts every …

How To Make A Transition Effect Up The Input On Change

I need to place this particular effect on a dropdown I need…

Some Questions About Tree Construction [html Spec]

I know that it's not customary to ask a bunch of questi…

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

$(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>

Html5 Ready

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?"