2 lines
2.3 KiB
JavaScript
2 lines
2.3 KiB
JavaScript
import{_ as u}from"./PageContainer.vue_vue_type_script_setup_true_lang-DIizqcY6.js";import{d as _,b as w,o as m,k as p,w as l,q as d,a,f as n,G as b,c_ as x}from"./index-mXGxF4sR.js";import"./AppIcon.vue_vue_type_script_setup_true_lang-_OS5NzJN.js";const v=n("a",{href:"https://vxetable.cn/#/table/scroll/scroll",target:"_black"}," VxeTable 官网文档 ",-1),k=_({name:"VxeTableCom",__name:"VxeTable",setup(A){const s=w([]),f=(r,t)=>{let e=0;return r.forEach(o=>{e+=Number(o[t])}),x.round(e,2)},c=({columns:r,data:t})=>[r.map((o,i)=>{if(i===0)return"平均";switch(o.field){case"attr1":return f(t,"attr1")}return"-"})];return setTimeout(()=>{const r=[];for(let t=0;t<1e3;t++)r.push({name:"Test"+t,attr1:t,attr2:"a2-"+t,attr3:"a3-"+t,attr4:"a4-"+t,attr5:"a5-"+t,attr6:"a6-"+t,attr7:"a7-"+t,attr8:"a8-"+t,attr9:"a9-"+t,attr10:"a10-"+t,attr11:"a11-"+t,attr12:"a12-"+t,attr13:"a13-"+t,attr14:"a14-"+t});s.value=r},300),(r,t)=>{const e=d("vxe-column"),o=d("vxe-colgroup"),i=d("vxe-table",!0),h=b;return m(),p(u,null,{default:l(()=>[a(h,{title:"VxeTable 演示","body-style":{padding:0}},{extra:l(()=>[v]),default:l(()=>[n("div",null,[a(i,{border:"","show-overflow":"","show-header-overflow":"","show-footer-overflow":"","show-footer":"",height:"600px","footer-method":c,"scroll-x":{enabled:!0,gt:10},"scroll-y":{enabled:!0,gt:100},data:s.value},{default:l(()=>[a(e,{type:"seq",width:"100"}),a(e,{field:"name",title:"Name",width:"150",sortable:""}),a(o,{title:"分类1"},{default:l(()=>[a(e,{field:"attr1",title:"Attr1",width:"100"}),a(e,{field:"attr2",title:"Attr2",width:"100"}),a(e,{field:"attr3",title:"Attr3",width:"100"})]),_:1}),a(e,{field:"attr4",title:"Attr4",width:"100"}),a(e,{field:"attr5",title:"Attr5",width:"150",sortable:""}),a(e,{field:"attr6",title:"Attr6",width:"100"}),a(e,{field:"attr7",title:"Attr7",width:"100"}),a(e,{field:"attr8",title:"Attr8",width:"200","show-overflow":""}),a(e,{field:"attr9",title:"Attr9",width:"100"}),a(e,{field:"attr10",title:"Attr10",width:"100"}),a(o,{title:"分类2"},{default:l(()=>[a(e,{field:"attr11",title:"Attr11",width:"100"}),a(e,{field:"attr12",title:"Attr12",width:"100"}),a(e,{field:"attr13",title:"Attr13",width:"150",sortable:""}),a(e,{field:"attr14",title:"Attr14",width:"100"}),a(e,{field:"attr15",title:"Attr15",width:"100"})]),_:1})]),_:1},8,["data"])])]),_:1})]),_:1})}}});export{k as default};
|