当前位置: 首页 > 软件库 > Web应用开发 > Vue 组件 >

vxe-table

vue 表格解决方案
授权协议 MIT
开发语言 TypeScript
所属分类 Web应用开发、 Vue 组件
软件类型 开源软件
地区 国产
投 递 者 佘辰龙
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

vxe-table 是一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...

  • 设计理念

    • 面向现代浏览器,高效的简洁 API 设计
    • 模块化表格、按需加载、插件化扩展
    • 为单行编辑表格而设计,支持增删改查及更多扩展,强大的功能的同时兼具性能
  • 功能
    •  Basic table (基础表格)
    •  Grid (高级表格)
    •  Size (尺寸)
    •  Striped (斑马线条纹)
    •  Table with border (带边框)
    •  Cell style (单元格样式)
    •  Column resizable (列宽拖动)
    •  Maximum table height (最大高度)
    •  Resize height and width (响应式宽高)
    •  Fixed column (固定列)
    •  Grouping table head (表头分组)
    •  Highlight row and column (高亮行、列)
    •  Table sequence (序号)
    •  Radio (单选)
    •  Checkbox (多选)
    •  Sorting (排序)
    •  Filter (筛选)
    •  Rowspan and colspan (合并行或列)
    •  Footer summary (表尾合计)
    •  Import (导入)
    •  Export (导出)
    •  Print (打印)
    •  Show/Hide column (显示/隐藏列)
    •  Loading (加载中)
    •  Formatted content (格式化内容)
    •  Custom template (自定义模板)
    •  Context menu(快捷菜单)
    •  Virtual Scroller(虚拟滚动)
    •  Expandable row (展开行)
    •  Pager(分页)
    •  Form(表单)
    •  Toolbar(工具栏)
    •  Tree table (树形表格)
    •  Editable CRUD(增删改查)
    •  Validate(数据校验)
    •  Data Proxy(数据代理)
    •  Keyboard navigation(键盘导航)
    •  Modal window(模态窗口)
    •  Charts(图表工具)
  • 背景: 由于公司要开发erp,采用了element-plus做为UI基础框架,但是回想往事点点滴滴,element-ui表格的种种表现令人痛心,于是跟leader商量之后决定使用Vxe-Table做表格插件,虽然element-plus在表格上也在大力优化,但就目前来看可用度确实不高,刚出了一个虚拟滚动,但看上去确实让人有点心急。。。 开发阶段遇到的各种问题 全局size的问题 有点扯犊子的事,我

  • 安装vxe-table vue2稳定版本 vue3稳定版本 npm install xe-utils vxe-table@legacy 安装 vxe-table 依赖的插件 npm i xe-utils 引用 我这边是全局引入,可以根据自己情况按需引入 main.js import Vue from 'vue' import VXETable from 'vxe-ta

  • 官网:https://vxetable.cn/v3/#/table/start/use vxe-table是对element-ui进行了二次封装,基本样式也做了调整,并且把导出、打印等功能也集成进去了,就是纯前端的打印、导出,我之前也有写过前端实现打印、导出的博文,大家感兴趣也可看一下:Vue打印功能 ,纯前端导出Excel并修改样式。 这篇就介绍一下vxe-table的基本使用,其实和el-ta

 相关资料
  • 本文向大家介绍vxe-table vue table 表格组件功能,包括了vxe-table vue table 表格组件功能的使用技巧和注意事项,需要的朋友参考一下 一个功能更加强大的 Vue 表格组件 查看vxe-table 功能点 •基础 •尺寸 •斑马线条纹 •带边框 •单元格样式 •列宽拖动 •流体高度 •固定表头 •固定列 •固定表头和列 •表头分组 •序号 •单选 •多选 •排序 •

  • vue表格实现 使用vxe-table(树形表格&&展开行表格) 这个使用什么组件库合适 思路 1.将数据处理为一维数组,并在父节点行数据中设置chirldren属性存放子数据,点击全部时通过删除数组中的子数据达到展开收缩效果,----这样不知道合理不合理,求一个更好的解决方法 更新进度: 没有使用上述方法,使用了两次vxe-table 中的tree-node属性,这样会有这样的警告,暂不处理 [

  • 我用elementui写了一个表格但是没有分页,所以导致排序速度特别慢,这种有什么特殊的处理方法嘛,纯前端解决? 怎么能优化一下速度

  • tinymce粘贴excle表格 tynimce粘贴excle表格的时候为什么设置了宽度但是展示得不对呀

  • 本文向大家介绍vue大数据表格卡顿问题的完美解决方案,包括了vue大数据表格卡顿问题的完美解决方案的使用技巧和注意事项,需要的朋友参考一下 前言 vue渲染小数据挺快,大数据vue开始出现卡顿现象,本文讲给大家详细介绍关于vue大数据表格卡顿问题的解决方法 点我在线体验Demo(请用电脑查看) 亲测苹果电脑,chrome浏览器无卡顿现象,其它浏览器并未测试,如遇到卡顿请备注系统和浏览器,方便我后续

  • 大家有用到 element ui plus table 表格展示下面的表格内容 单独画感觉有点难度 表具1 表具2 最多新增到表具6 有人做过吗?求解决 用过其它办法没有解决掉,求大神解决 谢谢