vue 页脚_EasyUI 页脚行(Footer Rows)_Vue EasyUI Demo

源代码

Footer Rows

:data="data" :footerData="footerData" :showFooter="true" idField="id" treeField="region">

export default {

data() {

return {

data: null,

footerData: null

};

},

created() {

let d = this.getData();

this.data = d.rows;

this.footerData = d.footerRows;

},

methods: {

getData() {

return {

rows: [

{

id: 1,

region: "Wyoming",

children: [

{

id: 11,

region: "Albin",

f1: 2000,

f2: 1800,

f3: 1903,

f4: 2183,

f5: 2133,

f6: 1923,

f7: 2018,

f8: 1838

},

{

id: 12,

region: "Canon",

f1: 2000,

f2: 1800,

f3: 1903,

f4: 2183,

f5: 2133,

f6: 1923,

f7: 2018,

f8: 1838

},

{

id: 13,

region: "Egbert",

f1: 2000,

f2: 1800,

f3: 1903,

f4: 2183,

f5: 2133,

f6: 1923,

f7: 2018,

f8: 1838

}

]

},

{

id: 2,

region: "Washington",

children: [

{

id: 21,

region: "Bellingham",

f1: 2000,

f2: 1800,

f3: 1903,

f4: 2183,

f5: 2133,

f6: 1923,

f7: 2018,

f8: 1838

},

{

id: 22,

region: "Chehalis",

f1: 2000,

f2: 1800,

f3: 1903,

f4: 2183,

f5: 2133,

f6: 1923,

f7: 2018,

f8: 1838

},

{

id: 23,

region: "Ellensburg",

f1: 2000,

f2: 1800,

f3: 1903,

f4: 2183,

f5: 2133,

f6: 1923,

f7: 2018,

f8: 1838

},

{

id: 24,

region: "Monroe",

f1: 2000,

f2: 1800,

f3: 1903,

f4: 2183,

f5: 2133,

f6: 1923,

f7: 2018,

f8: 1838

}

]

}

],

footerRows: [

{

region: "Total",

f1: 14000,

f2: 12600,

f3: 13321,

f4: 15281,

f5: 14931,

f6: 13461,

f7: 14126,

f8: 12866

}

]

};

}

}

};