RichTable Component

基于 elementUI的table开发的可以自定义筛选，编辑的一个组件

组件props属性

editTable:{type:Boolean,default:false}, // 是否可编辑表格
    pageable:{type:Boolean,default:true}, //是否需要分页
    showRowNum:{type:Boolean,default:true}, // 是否展示行号
    showCheckbox:{type:Boolean,default:true}, // 是否展示选择框
    multipleSelection:{type:Array}, // table默认选择行的数据
    pageSize:{type:Number,default:10},  // 每页显示函数
    total:Number, // 总记录数，分页时使用
    defaultSort:Map, // 默认排序字段和排序方式
    fields:Array, // 表格头部字段和字段属性信息
    data:Array //数据行

事件

this.$emit("filterChange",prop,type, this.tabFilter[prop])
// 清空所有条件通知父组件
      this.$emit("filterChange","","all")
      this.$emit("filterChange",prop,type,this.tabFilter[prop]) // 过滤条件变化事件
      this.$emit("sortChange",value.prop,order)  // 排序变化事件
      this.$emit("showPopover",field)  // 筛选框打开事件
      this.$emit("saveSettings",settings) // 用户字段排序和展示情况设置 存储
      this.$emit("saveTableData",this.$props.data)  // 表格行编辑保存数据，change=true的为修改过的行
      this.$emit('selectionChange',val)  // 表格复选框勾选的行
      this.$emit('currentChange',val)  // 分页变化事件