5

Web ページで生成された jQuery データテーブルがあります。大きすぎるのでzoom:0.8;、Google Chrome でサイズを修正していました。

ただし、これは Firefox ではうまくいかなかったので-moz-transform: scale(0.8);、CSS シートに追加しました。Chrome ではすべて問題なく動作しますが、Firefox でデータテーブルが正しく表示されるようになったsorting場合、ヘッダーの値を変更できなくなったようです。クリックしてアイテムのリストを表示できますが、クリックできません (何も起こりません)。css ファイルに 1 行追加する以外は、何も変更しませんでした。

どうすればこれを修正できますか?

jsbin

jsfiddle

注: Bugzilla で満たされた同様の既知のバグがありますが、2008 年に報告され、まだ修正されていません。この問題を回避する方法を見つけることは興味深いでしょう。

4

1 に答える 1

2

データテーブルの最初のインスタンスを宣言するときに、プロパティlからを削除しました。sDom

<table>次に、コードのタグの直前にこれを追加しました。

<div class="selectLength">
    <span>Show</span>
    <select id="Length">
        <option value='5'>5</option>
        <option value='10'>10</option>
        <option value='25'>25</option>
        <option value='50'>50</option>
    </select>
    <span>elements in the datatable.</span>
</div>

これに関連する JavaScript は次のとおりです ( jQueryが必要です)。

$('#Length').change(function() {
    var displayLength = $('#Length option:selected').val();
    var oSettings = $('.adminTable').dataTable().fnSettings();
    oSettings.iDisplayLength = displayLength;
    $('.adminTable').dataTable().fnDraw();
});
于 2012-08-15T18:22:08.740 に答える