数据表上的固定列

时间:2013-03-29 20:26:05

标签: jquery jsp datatables

我有一个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库,但我看不出它是如何应用于dataTable的。看起来像FixedColumns代码被忽略了。关于如何更好地调试或编写代码的任何想法?

提前谢谢你。

1 个答案:

答案 0 :(得分: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
    });

});