使用jQuery DataTables的FireFox中的样式错误

Question

我正在使用我目前拥有的一个表来实现数据表，但是在Chrome和IE中，它加载正确，如下所示：

大图：http://i.imgur.com/Ms6lu.png

然而，当我使用Firefox时，它看起来是这样的：

大图：http://i.imgur.com/fZcO8.png

看起来插件没有在"Show X Entries“之后创建新的行。

该表设置为Width="100%“。jquery如下：

$(document).ready(function () {
    var oTable = $('#table1').dataTable({
    "bStateSave": true,
    });
});

该表的创建方式如下：

<table id="table1" border="0" style="width:100%;">
    <thead>
        <tr>
            <td>ID</td><td>UserName</td><td>Sample Stuff</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1234</td><td>user1</td><td>random stuff</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>
                <span>
                    <input type="text"  size="11" placeholder="Filter ID"/>
                </span>
            </td>
            <td>
                <span>
                    <input type="text"   size="10" Placeholder="Filter Username" />
                </span>
            </td>
            <td>
                <span>
                    <input type="text"  size="4"  Placeholder="Filter SampleStuff"/>
                </span>
            </td>
        </tr>
    </tfoot>
</table>

你知道为什么会发生这样的事情吗？我已经研究了其他替代方案与Datatables，但datatables看起来是最好的选择。

Answer 1

试试这个"sDom"：'T<" clear ">lfrtip'，其中clear将清除浮动

$(document).ready(function () {
    var oTable = $('#table1').dataTable({
    "sDom": 'T<"clear">lfrtip',
    "bStateSave": true,
    });
});