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 TableEditableCell
    优质
    简介: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学习专用内容。