为什么 table 调整大小在这里不起作用？ jsfiddle url 已插入

Question

如何使我的 table 像文本区域元素一样可调整大小并且 不是个人rows/columns？我似乎从根本上缺少一些简单的东西。

https://jsfiddle.net/o0Ldf0us/

<table id="example">
<thead>
    <tr>
        <th>Heading1</th>
        <th>Heading2</th>
        <th>Heading3</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Data1.1</td>
        <td>Data1.2</td>
        <td>Data1.3</td>
    </tr>
     <tr>
        <td>Data2.1</td>
        <td>Data2.2</td>
        <td>Data2.3</td>
    </tr>
     <tr>
        <td>Data3.1</td>
        <td>Data3.2</td>
        <td>Data3.3</td>
    </tr>
</tbody>

#example, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

$("#example").resizable();

Answer 1

resizable 方法不是标准 jQuery 库的一部分 - 它是 jQueryUI 的一部分，因此您也需要包含它。完成后，您的代码将起作用：

Example fiddle