Vue antdv Table 组件悬浮头部与尾部进度条(已封装成组件)

简介: Vue antdv Table 组件悬浮头部与尾部进度条(已封装成组件)

  • 在使用 antdv Table 组件的时候,不限制高度,滚出窗口上方时,发现并不能进行头部悬浮,其他有的框架是支持这个功能的,antdv 目前好像并不自带,所以只能手动封装一个组件。
  • DZMTablePlugin-Antdv 下载地址。
  • 支持悬浮头部以及指定跟随头部悬浮的行数。

  • 支持悬浮工具栏。

  • 使用案例代码

  • 版本分支区别:新版本通过dataCount进行监控是否有数据,以及可以切换滚动监听对象等等。老版本通过第三方插件进行监控是否有数据,没有其他附加功能,没有特殊情况,效果都差不多。
  • 新版本

  • 老版本(old)

相关文章
|
2天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口
|
2天前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
10 0
|
2天前
|
移动开发 JavaScript 应用服务中间件
vue打包部署问题
Vue项目`vue.config.js`中,`publicPath`设定为"/h5/party/pc/",在线环境基于打包后的`dist`目录,而非Linux的`/root`。Nginx代理配置位于`/usr/local/nginx/nginx-1.13.7/conf`,包含两个相关配置图。
vue打包部署问题
|
2天前
|
JavaScript 前端开发
iconfont 图标在vue里的使用
iconfont 图标在vue里的使用
13 0
|
2天前
|
移动开发 前端开发
vue3 Element-Plus封装的el-tree-select的使用
vue3 Element-Plus封装的el-tree-select的使用
vue3 Element-Plus封装的el-tree-select的使用
|
1天前
|
JavaScript
vue打印v-model 的值
vue打印v-model 的值
|
2天前
|
JavaScript
Vue实战-组件通信
Vue实战-组件通信
4 0
|
2天前
|
JavaScript
Vue实战-将通用组件注册为全局组件
Vue实战-将通用组件注册为全局组件
5 0
|
2天前
|
JavaScript 前端开发
vue的论坛管理模块-文章评论02
vue的论坛管理模块-文章评论02
|
2天前
|
JavaScript Java
vue的论坛管理模块-文章查看-01
vue的论坛管理模块-文章查看-01