2012-07-28 67 views
2

我正在寻找一种方法,通过选择行边框并将其拖动,可以更改表格中行的高度,而不是预设大小(如果可能)。如何使用行边框更改HTML表格中单个行的高度?

该场景如下: 我有某些数据在表中的行中表示。取决于行的高度,数据的表示可能变化,即,如果行高度较小,则其可能是数据的汇总,但如果高度超过特定大小,则可能是详细描述。我希望能够选择有问题的行并拖动它来改变它的高度。

如果出于某种原因不可能发生流量变化,我可以使用3级高度做。情景是,如果我拖动行高超出设定限制x,它会捕捉到下一个更高的限制x'。

我知道你可以使用css/js来改变表格元素/行的大小以适应预定义的条件,但是我无法找到任何符合我需要的东西。

回答

1

在正常情况下(不使用插件),不可能用鼠标调整表格的行大小。所以,或者你可以使用CSS来实现这些行。你可以查看我在这里创建了dfo的jsfiddle。 http://jsfiddle.net/sakirullahi/Npuyc/5/

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

+0

感谢您的解释和小提琴。另外,你提到没有插件就不可能调整表格的个别行,你碰巧知道任何可以帮助你做你使用CSS的插件吗? – 2012-07-28 15:05:30

+0

有一个插件可以支持[Ben Alman - jQuery resize event plugin] [1],它允许调整大小。 [你可以在这里用''测试它的演示] [2]。 [1]:http://benalman.com/projects/jquery-resize-plugin/ [2]:http://www.jsfiddle.net/nick_craver/FLw3r/ – 2012-07-31 02:21:50