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

本文介绍了如何封装一个Vue组件,基于Element-UI的Table,功能包括:全屏显示、前台分页、自定义表头、表格内编辑、自定义按钮、过滤函数、数字格式化、多页checkbox状态保留、行编辑后选中、自定义排序等。详细代码示例和安装教程可在码云查看。
摘要由CSDN通过智能技术生成
vue-bxz-table
一、封装element-ui的table组件:
  1. 定义表格高度全屏
  2. 增加前台分页功能。
  3. 自定义表头,循环输出整体表结构。
  4. 表格内编辑(输入框和下拉选择框)。
  5. 表格内自定义按钮和点击事件。
  6. 每一列增加过滤函数。
  7. 可格式化数字
  8. 可勾选多页内的checkbox,同时保存或删除,切换页面后保留checkbox选中状态。
  9. 表格内编辑后,自动选中该行。
  10. 父组件打印勾选的行。
  11. 自定义排序函数,可按数字大小排序
二、码云地址:https://gitee.com/bxzxb/vue-b...
三、安装教程
  1. npm install、
四、使用说明
  1. npm run dev
五、数据说明:

1.data格式:

 [
    {
      "bh": 1,
      "xmid": "5463562",
      "xmmc": "测试名称",
      "Nsrsbh": "325423523542352345",
      "dwmc": "测试单位名称",
      "yskze": "89787.66",
      "srze": "
  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值