html-table - 如何在鼠标拖动时制作可调整大小的 html 表格？

Question

我想在 html 中创建一个有 2 列和 3 行的表格，但是如果我们从它的角落拖动鼠标，它应该调整大小。

Answer 1

使用 colResizable，一个jquery 插件来调整 html 表和列的大小

示例 html

<table id="sample">
    <tr> <td>cell</td> <td>cell</td> <td>cell</td> </tr>
</table>

示例js：

$("#sample").colResizable({liveDrag:true});

Answer 2

使用jQuery UI，它具有可调整大小的功能，可以使 HTML 元素（例如表格）可调整大小。