Jquery 如何强制表格'；s列'；s的宽度始终是固定的

我有一个有6列的表，其中一列可以编辑。我通过在可编辑列的td单元格中隐藏输入并在单击编辑按钮时显示它来实现这一点。但当我显示输入字段时，列的宽度会增加。如何强制列保持固定，即使内容的宽度增加

我正在使用jQuery和Bootstrap。但任何解决方案都会有所帮助

html:

---

可以减小输入元素的宽度和高度

input {
  max-width: 40px;
  max-height: 20px;
}

---

您只需将表格单元格内的输入设置为表格单元格本身的100%宽度：）

---

希望这有帮助

您需要向输入中添加fixed sixe，而不是输入所在的单元格。

$(document).ready(function(){
  $("#EDIT_BTN").click(function(){
    $(".DIV_READ").toggle();
    $(".DIV_EDIT").toggle();
  });
});

input {
  max-width: 40px;
  max-height: 20px;
}

td * {
  width: 100%;
}