2

私は現在持っているテーブルでデータテーブルを実装していますが、ChromeとIEでは次のように正しく読み込まれます： クロムとすなわち正しくロード 大きい写真：http：//i.imgur.com/Ms6lu.png

ただし、Firefoxを使用すると、次のようになります。 驚くべきことに、Firefoxが台無しになります大きい写真：http：//i.imgur.com/fZcO8.png

「ShowXEntries」の後にプラグインが新しい行を作成していないようです。

テーブルは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を使用するのが最適のようです。

4

1 に答える 1

4

この "sDom" を試してください: 'T<"clear">lfrtip', ここで clear はフロートをクリアします

$(document).ready(function () {
    var oTable = $('#table1').dataTable({
    "sDom": 'T<"clear">lfrtip',
    "bStateSave": true,
    });
});
于 2012-07-27T09:15:23.983 に答える