停止动态表调整大小

时间:2014-11-18 16:02:19

标签: javascript jquery html-table tablesorter

我有一张桌子使用:

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

表格的布局如下:

enter image description here

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

enter image description here

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

1 个答案:

答案 0 :(得分:0)

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

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