登录 
欢迎来到陈冬冬(雪地里走)的学习天地 | 经验分享整理平台 | 陈冬冬
 服务器本次启动于:7个月前 

Bootstrap-table进阶篇(冻结列)

2020-04-19 01:13:08 阅读:()

目前bootstrap-table的最新版本中冻结列效果还是非常不错的,经过分析后发现它的实现就是根据参数设置复制出另一套表格,将复制出的表格(冻结列的部分)覆盖至原始表格出,达到当原始表格在出现横向滚动条的时候,滚动条拖动而列不动的效果。最新版本的实现有左侧冻结列与右侧冻结,记得在工作中使用到的是早期v1.12.0版本(好像是,写本篇文章的时候未看),它的冻结列在配合项目中的模板主题使用的时候出现了几个问题(最终完美的解决了),具体问题如下:

① 横向滚动条被冻结列的部分遮挡住了一点点;

② 将滚动条拖动至最右侧时导致表格的边框线对不齐;

③ 当动态列使用冻结列时需要判定冻结列的大小与表格总列数的大小,否则会出现显示问题;

④ 当冻结列部分出现有样式效果与点击事件或者行取数逻辑时;

不过我相信在现如今的新版本中它们应该都不是问题了,示例如下。



你可能感兴趣的:
      关键字:滚动条(4)bootstrap(2)table(2)最新版(2)复制出(2)
      互动()
      评论()
      比起点赞,站长更喜欢登录后的评论
      • 0
      • 0
      • 0
      • 0
      • 0