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: { paginatorTemplate: {
type: String, type: String,
default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLinks' default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink'
}, },
pageLinkSize: { pageLinkSize: {
type: Number, type: Number,

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

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