[ant-design-vue] table组件列宽拖拽功能

[ant-design-vue] table组件列宽拖拽功能

  • vue2.x 拖动table组件列宽功能
    • 环境信息
    • 相关代码
  • vue3.x 拖动table组件列宽功能
    • 环境信息
    • 相关代码

vue2.x 拖动table组件列宽功能

环境信息

    "ant-design-vue": "^1.7.1",
    "vue": "^2.6.11",
    "vue-draggable-resizable": "^2.2.0",

相关代码







原有的样式文件没有使用的必要,个人添加的部分样式内容就符合需求了

vue3.x 拖动table组件列宽功能

环境信息

    "ant-design-vue": "^3.2.13",
    "vue": "^3.2.45",

相关代码

vue3.x对应的ant-design-vue中的table组件本身支持列宽的拖动了,不需求额外的包的支持,根据Api说明设置resizeColumn即可



你可能感兴趣的:(VueJs,前端)