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

459 阅读1分钟

temp.gif

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

  • DZMTablePlugin-Antdv 下载地址。

  • 支持悬浮头部以及指定跟随头部悬浮的行数。

    temp.gif

  • 支持悬浮工具栏。

    temp.gif

  • 使用案例代码

    image.png

  • 版本分支区别:

    新版本 通过 dataCount 进行监控是否有数据,以及可以切换滚动监听对象等等。

    老版本 通过第三方插件进行监控是否有数据,没有其他附加功能,没有特殊情况,效果都差不多。

    image.png

    • 新版本

      image.png

    • 老版本(old)

      image.png