JQuery Datatables Add new Row

Question

I\'m creating a registration page where someone can register up to 20 other people if they wanted to. So I have these text boxes:

First Name: 


        

Answer 1

$(document).ready(function() {
    $('#example').dataTable();
    $('#addbtn').click(addrow);
} );

function addrow() {
    $('#example').dataTable().fnAddData( [
        $('#fname').val(),
        $('#lname').val(),
        $('#email').val() ] );

}

you need to call the addrow() in the button click.

Add this button in your html code