enter image description hereHere I am trying to append from one table(3 columns) to another. That works fine.And I need some extra columns in that. Can anyone please help me. My snippet.
function table2(){
$('#one').on("click", function(){
$('#one tbody input:checked').parent().parent().appendTo("#two");
}
This might be helpful, this is a example.
// First of all this is an example, you has to modify this make as you wish
// Here we can add dynamic columns & rows
// Also , I have given an option to specify the row/column name
<table border="1" id="mtable">
<thead>
<tr>
<td>Item</td><td>Red</td><td>Green</td>
</tr>
</thead>
<tbody>
<tr>
<td>Some Item</td><td><input type="checkbox"/></td><td><input type="checkbox"/></td>
</tr>
</tbody>
</table>
<br/><br/>
<input id="row" placeholder="Enter Item Name"/><button id="irow">Insert Row</button><br/><br/>
<input id="col" placeholder="Enter Heading"/><button id="icol">Insert Column</button>
<script>
// This is add additional row to a table
$('#irow').click(function(){
if($('#row').val()){
// Creates a copy of last row and you specify the name of row as well as
// each <td>. Here I'm given a checkbox.
$('#mtable tbody').append($("#mtable tbody tr:last").clone());
$('#mtable tbody tr:last :checkbox').attr('checked',false);
$('#mtable tbody tr:last td:first').html($('#row').val());
}else{alert('Enter Text');}
});
$('#icol').click(function(){
// This is add additional column to a table
if($('#col').val()){
// This is to append/add column to a table
$('#mtable tr').append($("<td>"));
$('#mtable thead tr>td:last').html($('#col').val());
// This is to add a column to each rows in a table
$('#mtable tbody tr').each(function(){
$(this).children('td:last').append($('<input type="checkbox">'));
});
} else { alert('Enter Text'); }
});
</script>
