vxe-table
文章平均质量分 70
大猩猩X
这个作者很懒,什么都没留下…
展开
-
vxe-table v4 ~ v4.6 升级到 v4.7+ 版本
vxe-table v4 ~ v4.6 升级到 v4.7+ 版本原创 2024-05-26 19:24:02 · 721 阅读 · 0 评论 -
vxe-table 切换暗黑主题模式
支持默认 default 和暗黑 dark 2种主题色,如果更多可以通过修改 css 变量实现多套主题。原创 2024-05-09 09:17:56 · 487 阅读 · 1 评论 -
vxe-table vue 增删改查表格组件
查看 Github功能点:支持单列编辑支持整行编辑支持手动、单击、双击编辑模式支持渲染简化的内置组件支持渲染任意自定义组件支持动态列渲染支持数据校验(同步、异步)支持显示列数据 change 状态支持增/删/改/查/还原支持原 ElTable 所有参数及功能APIEditable Attributes&原创 2019-01-26 19:49:40 · 20502 阅读 · 17 评论 -
vxe-table 多字段组合排序
vxe-table 多字段组合排序默认是单列排序的那么如何支持多列组合排序呢?可以通过 sort-config.multiple = true 开启多列组合排序功能,该功能需要 v3.0+ 才能支持;启用后就可以多列组合排序,升序或倒序组合排序<vxe-table border height="300" :sort-config="{multiple: true}" :data="tableData"> <vxe-table-column type="原创 2020-10-24 19:17:38 · 4059 阅读 · 0 评论 -
vxe-table 国际化的使用、支持多语言 internationalization
vxe-table 国际化的使用、支持多语言 internationalization先安装 vue-i18n 国际化插件npm install vue-i18nimport Vue from 'vue'import VueI18n from 'vxe-i18n'import VXETable from 'vxe-table'import zhCN from 'vxe-table/lib/locale/lang/zh-CN'import enUS from 'vxe-table/lib/原创 2020-09-29 21:18:12 · 2763 阅读 · 0 评论 -
vxe-table 区域选取、复制粘贴功能,的基本使用
vxe-table pro 使用单元格区域选择、多重区域、复制粘贴、查找替换…等功能1.鼠标区域选择功能:参数说明:mouse-config.area 是否开启鼠标单元格区域选取<template> <div> <vxe-table :mouse-config="{area: true}" :data="tableData"> <vxe-table-column field="a" title="A"><原创 2024-05-09 09:20:19 · 922 阅读 · 1 评论 -
vxe-input vue 日期选择组件带农历节日、小圆点提醒
vxe-table vxe-input vue 日期选择组件带农历节日、小圆点提醒默认的日期选择是没有节日信息的可以通过 festival-method 方法自定义节日信息,接收一个对象,用于渲染当前的事件,例如:{ // ... methods: { // ... festivalMethod ({ date }) { const dateMaps = { 20200801: { important: true, // 是否标记为重要节日 label原创 2020-08-04 11:34:52 · 5358 阅读 · 1 评论 -
vxe-table vue 中支持虚拟滚动组件:虚拟列表、虚拟树、横向与纵向虚拟滚动的列表与表格组件
vxe-table vue 目前为止唯一能全能支持虚拟滚动的组件:虚拟列表、虚拟树、横向与纵向虚拟滚动的表格组件目前主流的数据驱动框架 react、vue …等虽然入门相当简单;例如 vue 中,由于数据双向的原因,需要对数据进行双向监听,从而使渲染性能大幅下降,如果数据量稍微大一点,页面基本上是直接卡死,那么如何解决呢?虚拟组件由此诞生,只渲染当前可视区的内容,其余的收起,当滚动到指定位置时才渲染对应的节点,即时 vue 的双向绑定会损耗性能,由于 dom 节点的大幅减少,也不会对性能造成影响,从而流原创 2020-06-13 16:10:46 · 23184 阅读 · 9 评论 -
vxe-list vue 实现下拉框的虚拟列表
vxe-table vxe-list vue 实现海量虚拟下拉框虚拟列表的实现原理:只渲染可视区的 dom 节点,其余不可见的数据卷起来,只会渲染可视区域的 dom 节点,提高渲染性能及流畅性,优点是支持海量数据的渲染;当然也会有缺点:滚动效果相对略差(海量数据与滚动效果的取舍问题就看自己的需求喽);<div class="my-select"> <input typ...原创 2020-05-05 10:41:05 · 4079 阅读 · 3 评论 -
vxe-list vue 实现虚拟列表、虚拟滚动、滚动渲染
vxe-table vxe-list vue 实现高性能的虚拟列虚拟列表的实现原理:只渲染可视区的 dom 节点,其余不可见的数据卷起来,最大程度的减少 dom 节点,提高渲染性能及流畅性,优点是支持海量数据的渲染;当然也会有缺点:滚动效果相对略差;<vxe-list height="240" class="my-list" :loading="loading1" :data="lis...原创 2020-04-21 19:34:11 · 7127 阅读 · 1 评论 -
vxe-table 如何格式化单元格内容,全局可复用的格式化方法
vxe-table 如何格式化单元格内容,全局可复用的格式化方法一般情况下通过表格渲染列表后,经常需要对单元格的内容进行格式化,比如格式化数值、字典转换…等,在 vxe-table 支持的格式化有 n 种,不同场景可以选择最优的方式方法1:直接对源数据进行转换,该方式的性能最优,写法相对冗余<vxe-table :data="tableData"> <vxe-tab...原创 2020-03-07 11:28:59 · 15305 阅读 · 5 评论 -
vue vxe-table vxe-modal 模态窗口、最大化窗口,缩放拖动窗口
查看官网示例:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/module/modal<vxe-button @click="value2 = !value2">拖动窗口调整大小</vxe-button> <vxe-modal v-model="value2" resize> <te...原创 2020-02-08 23:01:12 · 12335 阅读 · 0 评论 -
vue vxe-table vxe-form 表格,折叠表单,表格校验,动态生成表单,表单配置
查看官网示例:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/grid/fullEdit<vxe-form :data="formData4" title-align="right" title-width="100" @submit="searchEvent" @reset="resetEvent"> <vxe...原创 2020-02-08 22:43:34 · 15670 阅读 · 2 评论 -
elx-table elx-editable vxe-table 常见报错信息
elx-table elx-editable vxe-table 常见报错信息vue-element-extends 报错 ,需求将使用 vue 2.6+ 以上版本vue.runtime.esm.js?2b0e:1737 TypeError: Cannot read property ‘key’ of nullError in render: “TypeError: Cannot crea...原创 2019-05-21 10:17:18 · 3267 阅读 · 0 评论 -
vue vxe-table 一个 PC 端表格组件,大数据表格
vxe-table vue table 一个非常强大表格组件一个功能更加强大的 Vue 表格组件查看 vxe-table功能点基础尺寸斑马线条纹带边框单元格样式列宽拖动流体高度固定表头固定列固定表头和列表头分组序号单选多选排序筛选合并行或列表尾合计导出 CSV显示/隐藏列加载中格式化内容自定义模板快捷菜单滚动渲染展开行树形表格可编辑表...原创 2019-05-19 20:07:23 · 24849 阅读 · 15 评论 -
vxe-table 启用虚拟滚动加载大数据表格
vxe-table vxe-excel 实现 Excel 表格,增删改查查看 Github查看 Demo原创 2019-05-12 22:34:05 · 14240 阅读 · 9 评论 -
vue vxe-table 实现树形表格
查看 vxe-table原创 2019-05-19 16:28:42 · 10675 阅读 · 5 评论