Vue|Vue Element Sortablejs实现表格列的拖拽案例详解 VueElementSortablejs实现表格列的拖

1. css:dragTable.css

@charset "UTF-8"; .w-table{height: 100%; width: 100%; float: left; }/* 拖动过程中，鼠标显示样式 */.w-table_moving .el-table th .thead-cell{cursor: move !important; }.w-table_moving .el-table__fixed{cursor: not-allowed; }.w-table .thead-cell{display: inline-flex; flex-direction: column; align-items: center; width: auto; max-height: 23px; vertical-align: middle; overflow: initial; position: relative; }

【Vue|Vue Element Sortablejs实现表格列的拖拽案例详解】2. 封装组件：dragTable.vue