可以使用JavaScript来解决这个问题。下面是一个使用jQuery的示例代码:
$(document).ready(function(){
$('table').bind('pageChange', function () {
var rowPos = {top: 0, left: 0};
if ($(this).find('.selectedRow').length){
rowPos = $(this).find('.selectedRow').offset();
}
$('html, body').animate({scrollTop: rowPos.top - 50}, 0);
});
$('table').tablesorter({
widgets: ['zebra', 'pager'],
widgetOptions: {
pager_output: '{page}/{totalPages}',
pager_container: $('.pager'),
pager_fixedHeight: false,
pager_removeRows: false,
pager_size: 10
}
});
});
这段代码会在文档加载完毕后执行。首先,它会监听表格的“pageChange”事件。每当表格翻页时,它会检查表格中是否有选定的行,如果有,它会获取这一行的位置,并且使用动画效果滚动到这一行的位置。这个例子中,被固定的位置是被选中的行。在这个示例代码中,使用了tablesorter jQuery插件来分页表格。
上一篇:表格对齐折叠为单行
下一篇:表格返回列号而非行数