具有固定顶行和左列的Excel样式HTML表格的更好实现?(jsFiddle 示例)
A better implementation of Excel style HTML table with fixed top row AND left column? (jsFiddle example)
我有一个非常简单的问题:有没有比我创建的这个精简的jsFiddle示例更有效的方法来实现具有固定行和列的大型表,或者有没有更好的方法来编写几行jQuery来支持它?
在有人因为我发布与其他人类似的问题而跳到我身上之前,让我解释一下自己。我意识到有多个插件可以实现与我上面示例类似的效果。但是,它们(我能找到的)都没有提供我需要的灵活性和功能。
以下是我的实现必须支持的一些注意事项:
- 必须能够隐藏和取消隐藏整行
- 必须支持动态高度的单元格
- 应该(理想情况下)使用浏览器的滚动条来导航表格
- 必须快速才能支持大型表
- 该表必须能够使用 knockoutjs 动态生成
我在实现中看到的主要问题是它在 Chrome 和 IE 中滞后。我在示例中提供的表格很难注意到,但左列和顶行需要一点时间来"赶上"表格的其余部分。当表很大并且在后台运行其他javascript时,这个问题变得更加明显。
那么,鉴于我的警告,有没有更好的方法来实现这一点?
您可以通过更改以下内容来提高性能:
var offset = $(this).next().offset();
$(this).offset(offset);
$(this).css('left', '0');
$(this).height($(this).next().height());
对此:
var $this = $(this)
var offset = $this.next().offset();
$this.offset(offset);
$this.css('left', '0');
$this.height($this.next().height());
使用变量比一遍又一遍地连续包装同一对象更快。
这个jQuery插件非常适合你的要求:http://www.jtable.org/Demo
相关文章:
- 有没有更好的动手、具体的方法来学习Javascript
- 为什么不推荐使用“with”?是否有更好或其他方法可以“下降”到对象的命名空间
- 在JavaScript中拆分日期字符串的更好方法是什么
- 为什么$.brower被弃用?还有什么更好的替代方案
- 设置嵌套对象属性的更好方法
- 您有更好的动态方式来缩短复杂的代码jquery吗
- 用Javascript重新格式化复杂文本日期字符串的更好方法
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 如何创建更好的方式来维护基于我的代码访问的最后一个页面
- 什么'这是从第三个函数上的async 1st函数获得结果的更好方法
- 什么更好?使用iframe或jQuery之类的东西在外部网站中加载HTML文件
- 将数组从javascript格式化为php的更好方法,反之亦然
- jquery:将动画绑定到滚动条位置的更好方法
- 有更好的方法吗?(递归解析HTML unicode实体)
- 我应该如何将响应数据保存在对象(json)中以获得更好的操作和性能
- 有什么比document.execCommand更好的东西吗
- 使用较少代码隐藏和显示选择菜单内容的更好方法是什么?javascript
- 具有固定顶行和左列的Excel样式HTML表格的更好实现?(jsFiddle 示例)
- 替换响应式表格以获得更好的标记和可访问性
- HTML表格单元格以更好的方式显示输入框中输入的文本