datagrid vue_EasyUI 数据表格排序(DataGrid Sorting)_Vue EasyUI Demo

源代码

DataGrid Sorting

:virtualScroll="true"

:data="data"

:total="total"

:pageSize="pageSize">

export default {

data() {

return {

total: 1000,

data: [],

pageSize: 20

};

},

created() {

this.data = this.getData(this.total);

},

methods: {

getData(total) {

let data = [];

for (let i = 1; i <= total; i++) {

let amount = Math.floor(Math.random() * 1000);

let price = Math.floor(Math.random() * 1000);

data.push({

inv: "Inv No " + i,

name: "Name " + i,

amount: amount,

price: price,

cost: amount * price,

note: "Note " + i

});

}

return data;

}

}

};