vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Showcase fix

pull/12/head
Merve Özçifçi 2019-05-07 15:59:31 +03:00
parent 0f4b1f09a8
commit d1fb198e5b
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/demo/images/car/VW.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

2
src/components/dataview/DataView.vue
View File

@ -59,7 +59,7 @@
},
paginatorTemplate: {
type: String,
default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLinks'
default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink'
},
pageLinkSize: {
type: Number,

12
src/views/dataview/DataViewDemo.vue
View File

@ -9,7 +9,7 @@
<div class="content-section implementation">
<h3 class="first">Default</h3>
<DataView :value="cars" :layout="layout" paginatorPosition='both' :paginator="true" :rows="5" :sortOrder="sortOrder" :sortField="sortField">
<DataView :value="cars" :layout="layout" paginatorPosition='both' :paginator="true" :rows="20" :sortOrder="sortOrder" :sortField="sortField">
<template #header>
<div class="p-grid">
<div class="p-col-6" style="text-align: left">
@ -41,10 +41,12 @@
</template>
<template #gridItem="slotProps">
<div style="padding: .5em" class="p-col-12 p-md-3">
<img :src="'/demo/images/car/' + slotProps.data.brand + '.png'" :alt="slotProps.data.brand"/>
<div class="car-detail">{{slotProps.data.year}} - {{slotProps.data.color}}</div>
<hr class="ui-widget-content" style="border-top: 0" />
<Button icon="pi pi-search"></Button>
<Panel :header="slotProps.data.vin" style="text-align: center">
<img :src="'/demo/images/car/' + slotProps.data.brand + '.png'" :alt="slotProps.data.brand"/>
<div class="car-detail">{{slotProps.data.year}} - {{slotProps.data.color}}</div>
<hr class="ui-widget-content" style="border-top: 0" />
<Button icon="pi pi-search"></Button>
</Panel>
</div>
</template>
</DataView>