我有一个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代码被忽略了。关于如何更好地调试或编写代码的任何想法?
提前谢谢你。
答案 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
});
});