vxe-table的常见用法

1.安装

npm install xe-utils vxe-table@2  或者  npm install xe-utils vxe-table@3  对应vue版本
网址:https://vxetable.cn/v3/#/table/api

2.高级用法

表头,表身,数据有后端生成     tableColumn表头    tableData对应的内容




如果v-for后端渲染,不建议这样用







3.常用的api

show-overflow  :设置所有内容过长时显示为省略号
auto-resize:  自动监听父元素的变化去重新计算表格
border:是否带有边框
align: 所有的列对齐方式
resizable:列宽拖动
@resizable-change:	当列宽拖动发生变化时会触发该事件
:menu-config="tableMenu"  右击菜单配置
@menu-click=   右击菜单事件

4.行列拖拽插件

npm install sortablejs --save



你可能感兴趣的:(组件库,vue.js,javascript,前端)