zhiy3

摘要： 在日常数据处理中，用户经常需要将表格中的数据复制到 Excel 进行二次编辑或存档。vxe-table 提供了强大的剪贴板功能，通过简单的配置即可实现复制单元格区域时自动包含表头，让粘贴到 Excel 的数据完整且规范。 配置 配置项 类型 说明 clipConfig.isCopyHeader Bo 阅读全文

摘要： 在实际业务中，主从表（Master-Detail）是一种常见的数据展示形式，例如产品列表下包含多个订单明细、项目下包含子任务等。vxe-table 提供了强大的展开行（Expand Row） 功能，允许用户通过点击展开按钮，在主行下方嵌入子表格或其他自定义内容，完美实现主从数据的关联展示。 本文将介 阅读全文

摘要： 在数据表格中，除了展示数据，用户往往还希望根据自己的习惯调整列的顺序或行的顺序。vxe-table 提供了列拖拽排序和行拖拽排序功能，只需简单的配置即可启用，并且支持获取排序后的结果，方便持久化保存。 本文分别介绍列拖拽排序和行拖拽排序的配置方法，并提供完整示例。 配置说明 配置项 类型 说明 co 阅读全文

摘要： 在数据量巨大的表格中，虚拟滚动是保证性能的关键技术。但启用虚拟滚动后，表格默认所有行高一致（由 rowConfig.height 或默认值决定）。然而在实际业务中，常常需要某些行展示更多内容（如多行文本、图片、自定义组件），导致行高需要独立调整。vxe-table 提供了 setRowHeight， 阅读全文

摘要： 在项目管理、生产排程、资源调度等场景中，甘特图是核心可视化工具。然而，当任务数量达到数千甚至上万条时，传统 DOM 渲染方式会导致页面卡顿、滚动延迟，甚至浏览器崩溃。 vxe-gantt 组件通过内置的虚拟滚动（Virtual Scrolling） 技术，完美解决了大数据量下的渲染性能问题，能够在毫 阅读全文

摘要： 在金融、监控等场景中，表格数据需要高频刷新（如每秒更新一次股票价格）。若采用全量替换 data 的方式，会导致表格整体重绘，造成性能浪费和滚动位置丢失。 vxe-table 提供了高效的局部更新能力：我们只需修改数据源中对应行的属性，表格会自动触发视图更新，从而实现流畅的实时刷新。 本文将演示如何基 阅读全文

摘要： 在实际业务中，一个表格往往需要同时支持多种选择操作——例如“批量删除”和“批量导出”各自独立勾选，或者需要根据角色、权限展示不同的复选框列。vxe-table 提供了强大的插槽机制，允许你完全自定义表头和单元格的内容，从而轻松实现多列独立复选框，并且每一列的全选、半选状态都可以由业务逻辑单独控制。 阅读全文

摘要： 在企业级开发中，随着项目规模扩大，统一管理表格组件的默认行为、图标和主题变得越来越重要。vxe-table 通过 VxeUI 这个通用全局实例，提供了 setConfig、setIcon 和 setTheme 三个核心 API，让你可以一键调整所有表格实例的默认配置，极大提升开发效率和维护体验。 全 阅读全文

摘要： vxe-gantt 是一个功能强大的 Vue 甘特图组件库，适用于项目进度管理、任务排期等场景。与大多数 UI 组件库一样，它强依赖浏览器 DOM 环境，无法在服务端渲染（SSR）时直接运行。在 Nuxt 4 项目中使用 vxe-gantt 时，需要借助官方提供的 Nuxt 模块，并将组件包裹在 中 阅读全文

摘要： 在数据编辑场景中，用户经常需要将某个单元格或区域的内容快速复制到下方单元格。vxe-table 提供了类 Excel 的填充功能：选取区域后按下 Ctrl + D 键，即可将选中区域最上方单元格的值依次填充到下方单元格。 本文将通过完整示例，讲解如何通过 areaConfig.isFillByCop 阅读全文