Jquery Tablesorter小工具错误？

Question

http://jsfiddle.net/abkNM/2808/

只是想确定我并不完全不了解某些事情。取出一切按预期工作。添加一个带浮动的div，整个表断开。

<div style="float:left; ">
    <table id="teams_table" class="tablesorter" style="float:left; width:100px; height:200px; font-size:14px">
        <thead>
            <tr>
                <th># of Votes</th>
                <th>Odds</th>
                <th>Team </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>200</td>
                <td>1.25</td>
                <td> Seahawks </td>
            </tr>
            <tr>
                <td>100</td>
                <td>1.15</td>
                <td> Patriots </td>
            </tr>
            <tr>
                <td>75</td>
                <td>1.10</td>
                <td>Seahawks </td>
            </tr>
            <tr>
                <td>90</td>
                <td>1.65</td>
                <td> Green Bay Packers </td>
            </tr>
        </tbody>
    </table>
</div>

$('.scroll-table').tablesorter({
    theme: 'blue',
    widgets: ['zebra', 'scroller'],
    widgetOptions: {
        scroller_height: 200
    }
});

Answer 1

外部div需要在浮动时设置一些尺寸（demo）：

.wrapper {
    background-color: #eee;
    float: left;
    width: 200px;
    height: 200px;
}

我添加了背景颜色，以便您在演示中更好地看到它。