vue封装element-ui的table组件,灵活配置表头实现表格内编辑,按钮,链接等功能。

2,973 阅读1分钟

vue-bxz-table

一、封装element-ui的table组件:

  1. 定义表格高度全屏
  2. 增加前台分页功能。
  3. 自定义表头,循环输出整体表结构。
  4. 表格内编辑(输入框和下拉选择框)。
  5. 表格内自定义按钮和点击事件。
  6. 每一列增加过滤函数。
  7. 可格式化数字
  8. 可勾选多页内的checkbox,同时保存或删除,切换页面后保留checkbox选中状态。
  9. 表格内编辑后,自动选中该行。
  10. 父组件打印勾选的行。
  11. 自定义排序函数,可按数字大小排序

二、码云地址:gitee.com/bxzxb/vue-b…

三、组件截图

输入图片说明
屏幕截图.png

输入图片说明
屏幕截图.png

输入图片说明
屏幕截图.png