0

私はDataTablesのこの保存スクロール位置について何時間もネット上で探していましたが、運がありませんでした。少なくとも私の場合はそうではありません。

datatablesによると、スクロールバーの状態を保存するには、次のコード行が必要です。

    $(document).ready(function() {
    var oTable = $('#example').dataTable( {
        "sScrollY": "200px",
        "sAjaxSource": "media/data/2500.txt",
        "sDom": "frtiS",
        "bDeferRender": true,
        "bStateSave": true
    } );
} );

しかし、解析できるデータを含むテキストファイルがないため、機能していません。PHPとMYSQLを使用してテーブル内の配列をフェッチしています。スクロールバーを除いて、フィルタリングや並べ替えなどのすべてのユーザー入力を保存します
。"bStateSave": true

誰かがこれを解決する方法を知っていますか？

編集 OKどういうわけか私はこれを機能させることができました。私は本当のことをしているようですが、そうではないはずです。さて、これ"sDom"でスクロールの保存状態は機能しますが、私のGUIはなくなりました...

編集 私の開始コードは次のとおりです。

<!-- DATATABLES ENABLE INIT -->
<script>
<?php include ('js/datatables/ordernumhtml.js');?>
<?php include ('js/datatables/ordercurrency.js');?>
<?php include ('js/datatables/dataTables.scroller.min.js');?>
    $(document).ready( function () {
        $('#table1').dataTable( {
        "sDom": "frtiS",
        "bDeferRender": false,
        "bStateSave": true,
        "bAutoWidth": true,
        "bInfo": true,
        "sScrollX": "100%",
        "bScrollCollapse": true,
        "bScrollAutoCss": true,
        "bScrollInfinite": false,
        "sScrollY": "350px",
        "bJQueryUI": true,
        "bProcessing": true,
        "aoColumns": [
          { "sType": "num-html" },
          { "sType": "numeric" },
          null,
          null,
          null,
          null,
          null,
          null,
          { "sType": "currency" },
          null,
          { "bSortable": false }
        ]           
      } );  
    } );
</script>
4

2 に答える 2

1

そして、解決策は次の行を書き直すことでした：
"sDom": "frtiS",to：
"sDom": '<"H"fr>t<"F"iS>',

"H"とは"F"、jQueryUIのヘッダーとフッターを表します。

sDOMの使用法の詳細については、次を参照してください。

http://datatables.net/usage/options#sDom

于 2012-12-03T08:51:04.123 に答える
0

スクロール状態を保存するための解決策は、stateSaveをtrueに設定することです。これを機能させるには、dataTables.scroller.jsも使用する必要があります

$(document).ready(function() {
$('#example').DataTable( {
    ajax:           "data/2500.txt",
    deferRender:    true,
    dom:            "frtiS",
    scrollY:        200,
    scrollCollapse: true,
    stateSave:      true
} );

}）;

これを確認してください：スクローラーの状態の保存

于 2014-12-21T10:49:40.617 に答える