Flex scroll demo update

pull/358/head
cagataycivici 2020-06-30 16:44:39 +03:00
parent 926187ff71
commit 847a8d460d
1 changed files with 10 additions and 10 deletions

View File

@ -1,31 +1,31 @@
<template> <template>
<div class="content-section implementation"> <div class="content-section implementation">
<div class="card" style="height: calc(100vh - 143px)"> <div class="card" style="height: calc(100vh - 143px)">
<DataTable :value="cars" :scrollable="true" scrollHeight="flex"> <DataTable :value="customers" :scrollable="true" scrollHeight="flex">
<Column field="vin" header="Vin"></Column> <Column field="name" header="Name"></Column>
<Column field="year" header="Year"></Column> <Column field="country.name" header="Country"></Column>
<Column field="brand" header="Brand"></Column> <Column field="representative.name" header="Representative"></Column>
<Column field="color" header="Color"></Column> <Column field="status" header="Status"></Column>
</DataTable> </DataTable>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import CarService from '../../service/CarService'; import CustomerService from '../../service/CustomerService';
export default { export default {
data() { data() {
return { return {
cars: null customers: null
} }
}, },
carService: null, customerService: null,
created() { created() {
this.carService = new CarService(); this.customerService = new CustomerService();
}, },
mounted() { mounted() {
this.carService.getCarsLarge().then(data => this.cars = data); this.customerService.getCustomersLarge().then(data => this.customers = data);
} }
} }
</script> </script>