javascript - 如何在不更改单元格的宽度和种类的情况下隐藏/显示表格中的tr标签

嗨，我会隐藏/显示表格中的一行
但是当再次单击以显示行时，设计更改
隐藏行的列缩小到第一行的一列
我的密码

 function toggle(tr_id)
{
	 var x = document.getElementById(tr_id);
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}

<div class="col-lg-6 col-lg-push-3">
<table class="table table-resposive ">
<tr>
<td>name</td>
<td>address</td>
<td>age</td>
<td><a onclick="toggle('edit');" class="btn btn-sm btn-primary">edit</a></td>

</tr>

 <tr id="edit">
 <td><input type="text"     ></td>
<td><input type="text"     ></td>
<td><input type="text"     ></td>
<td><a class="btn btn-sm btn-success">save</a></td>
 </tr>
</table>

最佳答案

您可以使用display="table-row"

<script>
function toggle(tr_id){
    var x = document.getElementById(tr_id);
    if (x.style.display === "none") {
        x.style.display = "table-row";
    } else {
        x.style.display = "none";
    }
}
</script>