0

dataTables とピボット テーブルの FixedColumns プラグインを使用して、左側の 2 つの列とヘッダーを修正しようとしているポートレット ビュー jsp があります。

ヘッダー行を修正して Y 軸をスクロールできるようにしますが、コードが示すように左の 2 つの列を固定できません。 

 <script  type="text/javascript">
  var pTable ;
 $(document).ready( function () {
    pTable = $('#scheduleTable').dataTable( {
    "sDom": "<'row-fluid'r><'row-fluid't><'row-fluid'<'span6'i><'span6'p>>", 

    "sScrollY": 200,
    "sScrollX": "100%",
    "sScrollXInner": "100%",
    "bScrollCollapse": false,
    "fnInitComplete": function () {
       var fCols =  new FixedColumns( pTable , {
                "iLeftColumns":2,
                "sHeightMatch" : "auto",
                "iRightColumns": 0
                }
        );
      }
});

} );

</script>

Firefox の Firebug を介して FixColumns ライブラリを確認できますが、それが dataTable にどのように適用されているか、またはどのように適用されているかを確認できません。FixedColumns コードが無視されているようです。これをより適切にデバッグする方法、またはこれをコーディングする方法について何か考えはありますか?

前もって感謝します。

4

1 に答える 1

1

@iowatiger08

この方法を試しましたか：

var pTable ;
$(document).ready( function () {
    pTable = $('#scheduleTable').dataTable( {
        "sDom": "<'row-fluid'r><'row-fluid't><'row-fluid'<'span6'i><'span6'p>>", 

        "sScrollY": 200,
        "sScrollX": "100%",
        "sScrollXInner": "100%",
        "bScrollCollapse": false
    });
    new FixedColumns( pTable , {
        "iLeftColumns":2,
        "sHeightMatch" : "auto",
        "iRightColumns": 0
    });

});
于 2013-09-15T09:06:10.293 に答える