如何使用行边框更改HTML表中单个行的高度
How to change the height of individual row in a HTML table using row border?
我正在寻找一种方法,可以通过选择行边界并拖动它来更改表中行的高度,如果可能的话,不要更改为预设大小。
场景如下:我在表的行中表示了某些数据。根据行的高度,数据的表示可能会有所不同,即如果行的高度很小,它可能是数据的摘要,但如果高度超过某个大小,则可能是详细描述。我希望能够选择有问题的行并拖动它以更改其高度。
如果由于某种原因无法自由流动,我可以使用3个高度级别。场景是,如果我将行高度拖动到设定的限制x之外,它会捕捉到下一个更高的限制x'。
我知道你可以使用css/js来更改表元素/行的大小,以适应预定义的条件,但我找不到任何适合我需要的东西。
在正常情况下(不使用插件),不可能用鼠标重新调整一行表的大小。因此,您也可以使用CSS来实现行。你可以在这里查看我为你创建的jsfiddle。http://jsfiddle.net/sakirullahi/Npuyc/5/
在这篇文章中,我在jquery中使用了可调整大小的事件。
相关文章:
- 使用jquery将单个换行符替换为span元素
- 2个表,需要为每个匹配行设置具有最大高度的行
- 3 行布局,100% 高度:1 自动,1 自动滚动,1 固定
- 表的高度是否随着行中内容的增加而变化
- 如何使用行边框更改HTML表中单个行的高度
- javascript正则表达式,将多个实例替换为多行字符串中的单个实例
- 如何将单个字符串行的文本导入到多个HTML文件中
- 在 Ext JS 4 上显示/隐藏系列的单个行元素
- php javascript删除单个行
- 编辑一行时禁用其他行-编辑表的单个行
- 更改表行高度
- 在javascript单元测试中测试单个行
- 删除表中单个行的类
- 如何增加文本区域的行高度
- 在父猫模式的数组中删除子模式中的单个行
- 如何将高度设置为单个Ext网格行
- 如何测量反应虚拟化列表中的行高度
- 在HTML表:如何管理表的行高度
- 表行高度不能保持固定
- 添加break标记以使用regexp显示单个行