jQuery实现了冻结表顶列的效果
昨晚公司遇到一个小需求,就是要达到像表一样冻结顶柱的效果。具体描述是下面动态图的效果
这个效果不是很难,但是实现起来真的很麻烦。这里的困难我就不多说了,就是这个效果突然多了一点,最后在我经常访问的一个网站找到了答案。
原问题地址:https://segmentfault.com/q/1010000000130774
下面是如何使用这个小部件。首先,去著名的“同性”交流网站github,下载代码。解压后,看起来是这样的:
主要用在我的红框里,你也可以看看别人的源代码。在这里,您只需要引用js,然后将图片中的两个类添加到两个tags表和:
然后添加这个js:
是红盒子里的字。然后它就会起作用。
但是,有些人可能没有效果。别慌,按F12看错误信息。我的错误信息是有一个. size没有定义这个方法。此时,您可以更改该js:
然后就可以达到效果了!有些人可能会觉得很烦。你满脑子都是图片。想直接抄就抄不了,但是我觉得很多东西自己读和写出来是有差距的。希望大家真的能写下来,但是我觉得我昨晚有点,不想睁开眼睛。怎么才能再写一遍?所以我还是把我的照片打出来,这样每个人都可以复制:
表中的类=“表-固定-标题”
类在标题中
要添加的js:$('。表格-固定-标题')。fixed header();
摘要
以上就是边肖为了实现冻结表顶列的效果而引入的jQuery。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你的!
版权声明:jQuery实现了冻结表顶列的效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。