2022-01-20 11:51·前端开发

• 可以自定义选择引入的模块，减少项目的体积；

• 多主题，多图标；

• 表格种类繁多；

• 扩展插件库；

vxe-table官网  https://vxetable.cn/#/table/start/install

查看 gitee     https://gitee.com/xuliangzhan_admin/vxe-table

查github     https://gitcode.net/mirrors/xuliangzhan/vxe-table?utm_source=csdn_github_accelerator

虽然不知道有什么用，但还是非常感谢码云的认可

• 功能点

• 基础表格

• 高级表格

• 斑马线条纹

• 多种边框

• 单元格样式

• 列宽拖动

• 最大高度

• 自适应宽高

• 固定列

• 多级表头

• 表尾数据

• 高亮行、列

• 序号

• 单选框

• 复选框

• 下拉选项

• 开关

• 排序

• 筛选

• 合并行或列

• 导入

• 导出

• 打印

• 显示/隐藏列

• 加载中

• 格式化内容

• 自定义插槽/模板

• 快捷菜单

• 展开行

• 分页

• 表单

• 工具栏

• 虚拟列表

• 增删改查

• 树表格

• 数据校验

• 数据代理

• 键盘导航

• 模态窗口

• 渲染器

• 虚拟滚动

• vxe-table 官网地址

例子

可以使用 <vxe-column …> 或者 <vxe-table-column …> 定义列信息，两种方式都能使用

安装vxe-table

===========

npm install xe-utils vxe-table

在main.js中引入vxe-table

====================

import Vue from “vue”;

import App from “./App.vue”;

import router from “./router”;

import store from “./store”;

import ‘xe-utils’;

import VXETable from ‘vxe-table’;

import ‘vxe-table/lib/index.css’;

Vue.use(VXETable);

Vue.config.productionTip = false;

new Vue({

router,

store,

render: h => h(App)

}).$mount(“#app”);

因为是全局全量引入，所以可以直接在页面调用

=====================

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

e-column field=“name” title=“姓名”>

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

[外链图片转存中…(img-LnOopD1L-1720105160077)]

[外链图片转存中…(img-C9JjTZVV-1720105160080)]