title: How to add data to table dynamically using JQuery
body: <p>I have 3 dropdowns and a button "Add", when i select the dropdowns and click on add, it has to insert into a table using JQuery and DataTables.How will i add rows dynamically? I have done using a for loop iteratin a list and then adding to the datatable but thisis different.pls help me in this regard,</p>
  
  <pre><code> function addToTable(){
  
       var project = document.getElementById("projectId").value;
       var process = document.getElementById("glbProcessId").value;
       var role = document.getElementById("roleId").value;
  
              var t = $('#example').DataTable();
  
  
              $('#addRow').on( 'click', function () {
                  t.row.add( [
                     // ##### how do i add the data here???##############
                  ] );
  
  
              } );
  
   }
  </code></pre>
  
  <p>Thanks in advance</p>