vbenadmin表尾合计行自定义样式修改

更新时间:2023-06-18 04:12:54 阅读: 评论:0

vbenadmin表尾合计⾏⾃定义样式修改原表尾合计⾏是⽤的表格,对于有些情形需要不同的合计样式。如改成使⽤描述列表的形式:
文明学以此为例,修改步骤:
修改src\components\Table\src\components\TableFooter.vue
打喷嚏腰疼
<template>
<Description @register="register"/>
</template>蝴蝶山
export default defineComponent({
name:'BasicTableFooter',
components:{ Description },
props:{
//传参
mockData:{
type: Object,
},
schema:{
土豆排骨汤的做法type:Array as PropType<DescItem[]>,
},
},
tup(props){
const{ mockData, schema }= props;
const[register]=uDescription({
title:'汇总信息',
column:2,
data:mockData,我的老师600
schema:schema,
});
return{  register };
},
});
修改src\components\Table\src\hooks\uTableFooter.ts
const getFooterProps =computed((): Recordable |undefined=>{
const{ summaryFunc, showSummary, summaryData,mockData, schema }=unref(propsRef); return showSummary &&!unref(getIsEmptyData)
?()=>h(TableFooter,{ summaryFunc, summaryData,mockData, schema, scroll:unref(scrollRef)}) :undefined;
});
主要是加⼊所需传参
修改src\components\Table\src\types\table.ts,在BasicTableProps加⼊传参
schema?:DescItem[],
办理北京居住证mockData?: Object,
修改src\components\Table\src\props.ts⾥basicProps,加⼊传参
schema:{type:Array as PropType<DescItem[]>,default:null},
15的所有因数mockData:{
type: Object,
default:null,
葡萄胎早期症状
},
应⽤,在uTable⾥加⼊以下属性:
showSummary:true,
schema: schema,
mockData:mockData,

本文发布于:2023-06-18 04:12:54,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/980541.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:合计   样式   修改   定义   改成   腰疼   土豆   汇总
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图