jquery - jQuery UI Resize with table and colspans

Question

我需要对表格实现 jQuery UI Resize 效果。我的表的跨度和宽度等于 100%。我无法调整包含天数的表格列的大小。没有 colspan 一切都可以正常工作。我能做些什么来纠正这种行为？

<table style="width: 100%">
    <tr>
        <th colspan="3">Table</th>
    </tr>
    <tr>
        <th>26/12</th>
        <th>27/12</th>
        <th>28/12</th>
    </tr>
    <tr>
        <td>123</td>
        <td>123</td>
        <td>123</td>
    </tr>
</table>

$(function () {
    $('table th').resizable({
        handles: 'e',
        minWidth: 18
    });
});

演示：http: //jsfiddle.net/Helid/JvELx/

Answer 1

只需table-layout:fixed;从您的 css 类中删除：

table, td, th {
    /*table-layout:fixed;*/
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

现场演示