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