Question

我需要对表执行jQuery UI Resize效果。我的桌子有colspans，宽度等于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

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

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

Live DEMO

jQuery UI使用表和colspans调整大小

1 个答案: