停止动态表调整大小

Question

我有一张桌子使用：

<script src="/js/jquery.tablesorter.min.js"></script>
<script src="/js/jquery.tablesorter.widgets.min.js"></script>

表格的布局如下：

当您单击右侧的蓝色编辑按钮时，按钮应消失，并且应显示绿色检查和红色X.这允许编辑行。它启用最初禁用的该行的输入字段：

问题在于，每当我点击显示或隐藏其他按钮的按钮时，我的表格会向左调整大小。 “修改”行的宽度增加。有没有办法停止动态调整此Javascript表的大小？我尝试使用Javascripts show / hide作为按钮，并使用一个名为hiddenButtons的CSS类，它显示none并隐藏按钮，但两次尝试都调整了表的大小。

Answer 1

如果你给最后一列中的每个td都有一个标题“修改”一个类，然后给你那个类定义你选择的宽度。这应该会停止发生。

HTML /浏览器会自动将TD扩展到它认为甚至是其内容的内容。在没有定义宽度的情况下添加或删除td中的内容将执行此操作。