如何从表中动态删除/编辑行和列

Question

我已经创建了一个表，我正在动态添加行和列。我想删除/编辑我添加的行和列。我已经包括了我的代码

$('#irow').click(function(){ 
 
    if($('#row').val()){ 
 
     $('#mtable tbody').append('<tr><td>Some Item</td></tr>'); 
 
     $('#mtable tbody tr:last td:first').html($('#row').val()); 
 
    }else{alert('Enter Text');} 
 
}); 
 
$('#icol').click(function(){ 
 
    if($('#col').val()){ 
 
     $('#mtable tr').append($("<td>")); 
 
     $('#mtable thead tr>td:last').html($('#col').val()); 
 
     $('#mtable tbody tr').each(function(){$(this).children('td:last').append($('<input type="text">'))}); 
 
    }else{alert('Enter Text');} 
 
});

td{padding:5px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<table border="1" id="mtable"> 
 
    <thead><tr><td>Employee \department</td></tr></thead> 
 
    <tbody></tbody> 
 
</table><br/><br/> 
 
<input id="row" placeholder="Enter Employee Name"/><button id="irow">Add Employee</button><br/><br/> 
 
<input id="col" placeholder="Enter department Name"/><button id="icol">Add department</button>

请帮我删除/编辑的行和列在表

Answer 1

创建另一个输入按钮，在小提琴 所示，然后输入指数要删除的行。你可以决定减去，但输入0将删除第一行。

<code> 
    $('#dcol').click(function(){ 
     var index = $('#col').val(); 
     $('#mtable tbody').find('tr').eq(index).remove() 
    }) 

我准备了小提琴

https://jsfiddle.net/vdab98xk/

要删除columnns

$('#mtable tr').each(function(){ 
    $(this).find('td').eq(index).remove(); 
}) 

编辑列

$('#mtable tr').eq(0).find('td').eq(index).text('New Value');