搜索
您的当前位置:首页正文

jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析_jquery

2023-12-04 来源:优库美食网

这个ScrollableGridPlugin.js是从网上找到的一个具有固定表头效果的插件,使用起来灰常的简便,而且效果也是看着不错的。不过毕竟不是量身定做的,所以有的地方在自己的项目中还是要进行一点点小改动,因为实在是太喜欢这个插件了,所以第一次进到里面,看看原作者的思路和写法,然后才能知道如何去改成适合自己项目。

对于js我完全是一个非常业余的选手,下面根据自己的现状对这个插件做了分析,反正自己是搞明白怎么回事了,有分析不对的,还请高手指教。

只有弄明白插件内部是怎么回事,才能知道如何去修改。

其实这里有个地方我还是不太明白,baidu之后也没能弄明白,希望明白的朋友能告诉一下,就是13和15这两个地方都用了grid.getElementsByTagName("TR")[0]);这条语句,从表面上看应该是得到的同一个tr吧?但是我通过浏览器去跟踪的时候,发现13里调用的,得到的是grid的第一个tr,就是包含th列的标题tr,15里的也是grid里的第一个tr,但是包含的是td列的第一条数据列tr。

怪就怪在执行完13后,grid里tr数少了1,就是少了包含th列的tr。我以为是appendChild方法是转移元素进行插入,而不是复制元素进行插入,但是通过查这个方法并没有明确说明是我想的那么回事。我就有些懵了。

这个插件的调用方法如下,感兴趣的朋友可以使用试试,感觉真的非常好。


优库美食网还为您提供以下相关内容希望对您有帮助:

有人做过带Header的GridView,或者网格布局的ListView吗

cells[i].style.width = parseInt(width - 3) + "px";gridRow.getElementsByTagName("TD")[i].style.width = parseInt(width - 3) + "px";} ("#container").height(270);("#container").width(gridWidth);...

Web前端怎样实现像excel那样的按列拖选的表格

Web前端实现像excel那样的按列拖选表格的方法:1.通过flash,flex实现FLEX 功能强大的datagrid 2.通过jquery插件,js实现 JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素 ...

jquery如何封装插件jquery封装插件的方法

那么jQuery.fn.extend()方法就是扩展jQuery对象的原型方法。我们知道在原型上扩展方法相当于给对象增加了一个“成员方法”,而类的“成员方法”只能被类的对象调用,所以使用jQuery.fn.extend(object)扩展的方法,jQuery类的实例就可以使用这...

jquery表格插件哪个

ingrid-jquery-表格-插件 Ingrid是另一个数据表jQuery插件。它也有很多特性,比如列调整尺寸、排序、行列添加样式等。在作者网站提供了很棒的文档来告诉大家如何从头使用这个jQuery表格插件。9.jQuery ColumnManager plugin jquery...

如何解决Jquery插件nicescroll在ie8中出现的滚动问题

jquery.nicescroll.js是jquery的开源插件,使用也非常简单,如何使用网上已讲的非常详细了,不会的 可以参考:http://nicescroll.areaaperta.com/ nicescroll的兼容性非常强,基本上所有的浏览器都可以使用,但是这么完美的插件...

js监听事件有什么用js监听事件有什么用处

YOUMIGHTNOTNEEDJQUERYPLUGINS不依赖jQuery的js插件。 awesome-nodejs Libraries.io各种语言的库 OniUI去哪儿网做的一套基于Avalon的框架 常用的移动端框架 zepto.js 语法与jquery几乎一样,会jquery基本会zepto~ 最新版本已经更新到1.16 i...

jqgrid表格在谷歌浏览器使用jQuery print()打印 页面为什么表头表体对不...

你用了bootstrapTable,打印之前需要把打印的数据重新js定义一遍样式 看着改吧,根据你要打印的数据传参数

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文

Top