为什么表格调整大小不起作用? jsfiddle url已插入

时间:2015-06-21 10:23:36

标签: jquery html html-table jquery-ui-resizable

如何使我的table可调整大小像textarea元素和 不是单个行/列?我似乎从根本上忽略了一些简单的事情。

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();

1 个答案:

答案 0 :(得分:0)

resizable方法不是标准jQuery库的一部分 - 它是jQueryUI的一部分,所以你也需要包含它。完成后,您的代码就可以运行:

Example fiddle