El Table Draggable screenshot

El Table Draggable

Author Avatar Theme by Mizuka wu
Updated: 26 Jun 2022
136 Stars

让element-ui的table可拖动排序,支持 行,列,跨表格等特性

Overview

The el-table-draggable component enhances the functionality of tables within the framework, allowing users to seamlessly integrate drag-and-drop capabilities. This feature is particularly useful for applications that require dynamic data management, enabling users to reorder rows and columns effortlessly. With support for various formats, including tree tables, this component provides a powerful tool for enhancing user experience and data organization.

Features

  • Drag-and-Drop Support: Users can easily drag rows and columns, making it simple to reorganize data as needed.
  • Multiple Table Support: The component allows dragging elements between different tables, enhancing flexibility in data management.
  • Tree Structure Functionality: It supports tree tables, facilitating the organization of hierarchical data in an intuitive manner.
  • Move Control: The onMove callback lets developers control drag-and-drop behavior, allowing customized functionality based on specific needs.
  • Custom Drag Handles: Users can set specific handles for dragging, improving usability and control during interactions.
  • Integration with Sortable.js: Leverages the full range of options from Sortable.js, expanding customization possibilities even further.
  • Event Handling: Offers comprehensive event handling to react to changes made during drag-and-drop operations, ensuring smooth updates to data displays.