0

我有一个 portlet 视图 jsp，我正在尝试使用 dataTables 和 FixedColumns 插件来修复左侧两列以及用于数据透视表的标题。

我得到了要修复的标题行并能够滚动 Y 轴，但是我无法按照代码的建议将左两列修复到位。 

 <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 库，但我看不到它是如何或是否应用于数据表的。似乎 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 回答