2012-07-28 68 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