如何使用行边框更改HTML表中各行的高度?

时间:2012-07-28 03:01:28

标签: javascript html css html-table resize

我正在寻找一种能够通过选择行边框并拖动它来更改表格中行的高度而不是预设尺寸的方法。

方案如下: 我有一些数据表示在表的行中。取决于行的高度,数据的表示可以变化,即,如果行高度小,则它可以是数据的摘要,但是如果高度超过特定大小,则可以是详细描述。我希望能够选择有问题的行并拖动它来改变它的高度。

如果由于某种原因无法自由流动变化,我可以使用3个等级的高度。场景是,如果我拖动行高超过设定限制x,它会捕捉到下一个上限x'。

我知道您可以使用css / js更改表格元素/行的大小以适应预定义的条件,但我无法找到任何符合我需要的内容。

1 个答案:

答案 0 :(得分:1)

在正常情况下(不使用插件),不可能使用鼠标重新调整一行表。因此,您也可以使用CSS实现行。你可以在这里查看我创建了dfo的jsfiddle。 http://jsfiddle.net/sakirullahi/Npuyc/5/

在此我已经在jquery中使用了可调整大小的事件。