Advertisement

ant-design-vue中的可拖拽表格组件(ant-design-vue)。

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
ant-design-vue(可拖拽table).vue 是一款基于 Ant Design Vue 框架开发的拖拽式表格组件。它允许用户通过拖拽的方式对表格中的行进行排序和调整，从而实现更灵活的数据管理和展示。该组件集成了强大的交互功能，能够满足用户在各种场景下对表格操作的需求。其核心优势在于其便捷的拖拽功能，使得用户可以轻松地重新排列表格数据，提升工作效率。 该组件旨在提供一个易于使用、高度可定制的表格解决方案，并为开发者提供了一个高效且灵活的工具，用于构建各种数据展示和管理应用。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • 可拖拽的Table组件（基于ant-design-vue）.vue
    优质
    这是一款基于Ant Design Vue框架开发的高度灵活且易于使用的可拖拽Table组件，支持数据行的自由排序与编辑。 ant-design-vue 可拖拽表格的实现代码位于名为 `ant-design-vue-draggable-table.vue` 的文件中。
     
  • Ant Design Vue Table的EditableCell组件
    优质
    简介：Ant Design Vue中的EditableCell组件提供了一个便捷的方式，在表格中直接编辑单元格内容，适用于需要频繁更新数据的应用场景。 可编辑单元格 项目设置：运行 `yarn install` 安装依赖 开发环境配置： - 编译并热重装以进行开发，请使用命令 `yarn run serve` - 编译并最小化生产版本，执行 `yarn run build` 测试和检查代码质量： - 运行测试用例：`yarn run test` - 整理和修复文件：`yarn run lint` 自定义配置请参照相关文档。
     
  • 基于 Vue 的 Ant Design of Vue 实现 Ant Design Pro 源码
    优质
    本项目基于Vue框架，采用Ant Design of Vue组件库实现Ant Design Pro前端应用。包含了源代码及配置说明，适用于开发者学习与参考。 使用 Ant Design of Vue 实现的 Ant Design Pro 源码安装依赖可以通过运行 `npm install` 命令完成。开发模式下启动项目可以执行 `npm run serve`，编译项目则通过运行 `npm run build` 完成。
     
  • Vue-Antd-Admin：:ant:在Vue中实现Ant Design Pro
    优质
    Vue-Antd-Admin是一款基于Vue框架和Ant Design的管理后台解决方案，致力于帮助开发者快速搭建美观且功能强大的企业级应用。 Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选 浏览器支持：现代浏览器及IE10及以上版本（如Edge、火狐Firefox、Chrome、苹果Safari等），最近2个主要版本均被支持。 使用克隆： ``` $ git clone https://github.com/iczer/vue-antd-admin ```
     
  • Ant Design Draggable Modal：可拖动的Modal组件
    优质
    Ant Design Draggable Modal是一款基于Ant Design框架开发的可拖动模态窗口组件。用户可以通过拖拽来调整弹窗的位置，提供更加灵活和友好的交互体验。 蚂蚁设计可拖动模态Ant Design的模态支持拖动功能。 **特征** - 使用标题栏进行拖动。 - 通过句柄调整大小。 - 在边界范围内保持位置。 - 拖动过程中维持窗口尺寸。 - 调整大小期间控制窗口布局。 - 窗口大小调整时，确保多个模态的层级管理正确（托管zIndex）。 - 可以从中心打开或指定象限内开启新窗口。 - 使用受控组件提供更佳API支持。 - 改进转义密钥处理机制。 - 通过选项键进行尺寸调节。 **安装** ```bash yarn add ant-design-draggable-modal ``` 注意：必须使用react@16.8.0和react-dom@16.8.0或更高版本。 **用法** ```javascript import React, { useState, useCallback } from react; import { Button } from antd; import { DraggableModal, DraggableModalProvider } from ant-design-draggable-modal; // 示例代码使用DraggableModal和DraggableModalProvider组件。 ``` 以上是关于Ant Design可拖动模态的基本介绍。
     
  • Ant Design Vue离线文档
    优质
    Ant Design Vue离线文档是一款专为Vue.js开发者设计的手册，它提供了全面且易于访问的设计组件和API参考，帮助用户快速构建高效美观的应用程序。 Vue Ant Design的离线文档解压后打开目录并运行`npm install`命令安装依赖，然后使用`npm start`启动项目，默认访问地址为 `localhost:3000`。
     
  • Ant Design Pro Vue模板：vue-antdesign-admin-template
    优质
    Vue-AntDesign-Admin-Template是基于Ant Design Pro的Vue.js企业级中后台前端解决方案，提供开箱即用的高质量UI组件和实用工具，助力开发者快速搭建功能丰富的管理应用。 蚂蚁设计专业Vue模板经过改造后提供了一个开箱即用的后台管理系统模板，优化了许多内容，使其更加轻量、简洁，并且可以在此基础上快速便捷地构建自己的后台项目。 预览： - 优化：改进了项目结构和文件夹命名，使项目结构更为合理。 - 优化：只保留基础实例路由和页面，删除了其他不必要的页面。 - 优化：顶部multiTab的样式进行了更新，可跟随header固定显示。 - 优化：升级至最新的2.x版本。 - 优化：打包配置可以根据不同的打包环境输出不同目录。 - 优化：多标签页快捷呼出菜单现在可以覆盖整个选项卡范围，并提供了两个切换效果供选择。 - 补充：增加了打包分析和快速lint-ifx命令的配置项 - 新增：提供了一些可用的less变量供使用 - 新增：新增了权限控制是否开启的相关配置
     
  • Ant Design of Vue v1.7.2 教程.pdf
    优质
    本PDF文档为《Ant Design of Vue v1.7.2 教程》，旨在帮助开发者掌握Vue框架下使用Ant Design进行高效、美观的前端开发技巧与实践，适用于初学者及进阶用户。 Ant Design Vue v1.7.2 离线文档包含了组件库的详细使用指南和技术细节，适用于需要离线查阅相关资料的开发者。该版本提供了丰富的UI组件，并且每个组件都配有详细的API参考、示例代码以及配置选项介绍，帮助用户快速上手并灵活运用Ant Design Vue的各项功能。
     
  • Vue速成教程03：Ant-Design
    优质
    本教程为《Vue速成》系列第三部分，专注于介绍如何在Vue项目中集成和使用Ant Design组件库，快速构建美观且功能强大的用户界面。 Vue快速学习03：Ant-Design学习专用内容。