javascript - 滚动条表检查点

标签 javascript jquery css html-table

我想设计一个带有检查点的表,它应该能够在输入值时显示“第 x 行”/单击时跳转 x 行。它是一个滚动表,如:

JS Fiddle Code

每次单击“下一步”时,它都应该跳转“x 行” 谁能提出一些建议?

最佳答案

我已经更新了 fiddle 。检查那个。它正在按照您的要求工作。

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

代码:

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;
    }
});

关于javascript - 滚动条表检查点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8868500/

相关文章:

javascript - 在 Nodejs 中替换字符串中的乌尔都语单词

javascript - 观察 AngularJS 可观察对象

jquery - TinyMCE 显示 html 标签

css - 仅当不知道 RGB 值时更改颜色不透明度 Alpha

javascript - 自动调用 onclick 事件

javascript - href 没有按预期工作

javascript - Jquery 插件 qTip - scrollLeft 不是函数

jquery - 在 Liferay 6 中使用 Jquery 代码

javascript - 如果 HTML 文本太大,请添加省略号

css 图片