如何使用行边框更改HTML表中单个行的高度

How to change the height of individual row in a HTML table using row border?

本文关键字:单个行 高度 HTML 何使用 边框      更新时间:2024-03-23

我正在寻找一种方法,可以通过选择行边界并拖动它来更改表中行的高度,如果可能的话,不要更改为预设大小。

场景如下:我在表的行中表示了某些数据。根据行的高度,数据的表示可能会有所不同,即如果行的高度很小,它可能是数据的摘要,但如果高度超过某个大小,则可能是详细描述。我希望能够选择有问题的行并拖动它以更改其高度。

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

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

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

在这篇文章中,我在jquery中使用了可调整大小的事件。