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

Update StatefulDoc.vue

pull/4858/head
tugcekucukoglu 2023-11-21 16:37:47 +03:00
parent 56e9c4b487
commit c7590bd53e
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc/datatable/StatefulDoc.vue
View File

@ -43,7 +43,7 @@
<InputText v-model="filterModel.value" type="text" class="p-column-filter" placeholder="Search by country" /> <InputText v-model="filterModel.value" type="text" class="p-column-filter" placeholder="Search by country" />
</template> </template>
</Column> </Column>
<Column header="Representative" sortable filterField="representative" :showFilterMatchModes="false" :filterMenuStyle="{ width: '14rem' }" style="width: 25%"> <Column header="Representative" sortable sortField="representative.name" filterField="representative" :showFilterMatchModes="false" :filterMenuStyle="{ width: '14rem' }" style="width: 25%">
<template #body="{ data }"> <template #body="{ data }">
<div class="flex align-items-center gap-2"> <div class="flex align-items-center gap-2">
<img :alt="data.representative.name" :src="`https://primefaces.org/cdn/primevue/images/avatar/${data.representative.image}`" style="width: 32px" /> <img :alt="data.representative.name" :src="`https://primefaces.org/cdn/primevue/images/avatar/${data.representative.image}`" style="width: 32px" />
@ -129,7 +129,7 @@ export default {
<InputText v-model="filterModel.value" type="text" class="p-column-filter" placeholder="Search by country" /> <InputText v-model="filterModel.value" type="text" class="p-column-filter" placeholder="Search by country" />
</template> </template>
</Column> </Column>
<Column header="Representative" sortable filterField="representative" :showFilterMatchModes="false" :filterMenuStyle="{ width: '14rem' }" style="width: 25%"> <Column header="Representative" sortable sortField="representative.name" filterField="representative" :showFilterMatchModes="false" :filterMenuStyle="{ width: '14rem' }" style="width: 25%">
<template #body="{ data }"> <template #body="{ data }">
<div class="flex align-items-center gap-2"> <div class="flex align-items-center gap-2">
<img :alt="data.representative.name" :src="\`https://primefaces.org/cdn/primevue/images/avatar/\${data.representative.image}\`" style="width: 32px" /> <img :alt="data.representative.name" :src="\`https://primefaces.org/cdn/primevue/images/avatar/\${data.representative.image}\`" style="width: 32px" />
@ -190,7 +190,7 @@ export default {
<InputText v-model="filterModel.value" type="text" class="p-column-filter" placeholder="Search by country" /> <InputText v-model="filterModel.value" type="text" class="p-column-filter" placeholder="Search by country" />
</template> </template>
</Column> </Column>
<Column header="Representative" sortable filterField="representative" :showFilterMatchModes="false" :filterMenuStyle="{ width: '14rem' }" style="width: 25%"> <Column header="Representative" sortable sortField="representative.name" filterField="representative" :showFilterMatchModes="false" :filterMenuStyle="{ width: '14rem' }" style="width: 25%">
<template #body="{ data }"> <template #body="{ data }">
<div class="flex align-items-center gap-2"> <div class="flex align-items-center gap-2">
<img :alt="data.representative.name" :src="\`https://primefaces.org/cdn/primevue/images/avatar/\${data.representative.image}\`" style="width: 32px" /> <img :alt="data.representative.name" :src="\`https://primefaces.org/cdn/primevue/images/avatar/\${data.representative.image}\`" style="width: 32px" />
@ -316,7 +316,7 @@ export default {
<InputText v-model="filterModel.value" type="text" class="p-column-filter" placeholder="Search by country" /> <InputText v-model="filterModel.value" type="text" class="p-column-filter" placeholder="Search by country" />
</template> </template>
</Column> </Column>
<Column header="Representative" sortable filterField="representative" :showFilterMatchModes="false" :filterMenuStyle="{ width: '14rem' }" style="width: 25%"> <Column header="Representative" sortable sortField="representative.name" filterField="representative" :showFilterMatchModes="false" :filterMenuStyle="{ width: '14rem' }" style="width: 25%">
<template #body="{ data }"> <template #body="{ data }">
<div class="flex align-items-center gap-2"> <div class="flex align-items-center gap-2">
<img :alt="data.representative.name" :src="\`https://primefaces.org/cdn/primevue/images/avatar/\${data.representative.image}\`" style="width: 32px" /> <img :alt="data.representative.name" :src="\`https://primefaces.org/cdn/primevue/images/avatar/\${data.representative.image}\`" style="width: 32px" />