滚动条表检查点

时间:2012-01-15 08:43:47

标签: javascript jquery css html-table

我想设计一个带有检查点的表,它应该能够在输入值时显示'x-th'行/点击时jum x-rows。它是一个滚动表,如:

JS Fiddle Code

每次下一次点击它都应该跳'x-rows' 有人可以建议吗?

1 个答案:

答案 0 :(得分:1)

我已经更新了小提琴。检查一下。它符合您的要求。

http://jsfiddle.net/k42ba/2/

<强> CODE:

var len = $('tr').length;
var index = 1;

function selectRows(start,end){
  $('tr').not($('.tblhead')).hide();
  $('tr').slice(start,end).show();
}
selectRows(index, index + 5);

$('a#next').click(function(){
    if(index < len -5){
    index = index + 5;
    selectRows(index, index + 5);
    }
});

$('a#prev').click(function(){
    if(index > 1){
    selectRows(index-5, index);
    index = index - 5;
    }
});