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

更新时间:2023-07-06 04:05:53 阅读: 评论:0

vbenadmin表尾合计⾏⾃定义样式修改原表尾合计⾏是⽤的表格,对于有些情形需要不同的合计样式。如改成使⽤描述列表的形式:
以此为例,修改步骤:
修改src\components\Table\src\components\TableFooter.vue
<template>
worshipping
<Description @register="register"/>
</template>
export default defineComponent({
name:'BasicTableFooter',
components:{ Description },
props:{
//传参
mockData:{
type: Object,
pretty怎么读},
schema:{
type:Array as PropType<DescItem[]>,
},
},
tup(props){
const{ mockData, schema }= props;
const[register]=uDescription({
title:'汇总信息',
column:2,
data:mockData,
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,加⼊传参
casting什么意思schema:{type:Array as PropType<DescItem[]>,default:null},
mockData:{
type: Object,
default:null,
},
soft
应⽤,在uTable⾥加⼊以下属性:
torrshowSummary:true,
schema: schema,
mockData:mockData,
siss

本文发布于:2023-07-06 04:05:53,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/168495.html

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

标签:合计   样式   修改   定义   翻译
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图