# DragTable

**Repository Path**: yi-yi-feng/admin-88

## Basic Information

- **Project Name**: DragTable
- **Description**: DragTable,111111111
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-28
- **Last Updated**: 2025-10-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

这是一个基于 Vue 3 编写的可拖拽、可编辑的表格组件（DragTable.vue），具备丰富的交互功能和样式优化，主要特性如下：
核心功能
基础表格展示：通过传入data（数据数组）和columns（列配置）渲染表格，支持自定义列宽、对齐方式
复选框选择：
支持单行选择和全选功能
提供 indeterminate 半选状态显示
通过selection-change事件返回选中的行 ID
拖拽排序：
开启enableDrag后可拖拽行调整顺序
编辑状态的行不可拖拽
拖拽完成通过drag-sort事件返回新的排序数据
行编辑功能：
支持点击 "编辑" 进入编辑状态，显示输入框
可对多行同时进行编辑（通过editingIndices数组管理）
提供 "保存" 和 "取消" 操作，通过row-edit事件返回编辑前后的数据
自定义渲染：
支持通过插槽（slot）自定义列内容（优先使用）
支持通过formatter函数格式化列内容
操作列（action）支持自定义插槽