Table image fixes
This commit is contained in:
@@ -31,8 +31,8 @@ const searchCountry = (event) => {
|
|||||||
//in a real application, make a request to a remote url with the query and return filtered results, for demo we filter at client side
|
//in a real application, make a request to a remote url with the query and return filtered results, for demo we filter at client side
|
||||||
const filtered = [];
|
const filtered = [];
|
||||||
const query = event.query;
|
const query = event.query;
|
||||||
for (let i = 0; i < this.countries.length; i++) {
|
for (let i = 0; i < countries.value.length; i++) {
|
||||||
const country = this.countries[i];
|
const country = countries.value[i];
|
||||||
if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
|
if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
|
||||||
filtered.push(country);
|
filtered.push(country);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -155,7 +155,7 @@ const calculateCustomerTotal = (name) => {
|
|||||||
<MultiSelect v-model="filterModel.value" :options="representatives" optionLabel="name" placeholder="Any" class="p-column-filter">
|
<MultiSelect v-model="filterModel.value" :options="representatives" optionLabel="name" placeholder="Any" class="p-column-filter">
|
||||||
<template #option="slotProps">
|
<template #option="slotProps">
|
||||||
<div class="p-multiselect-representative-option">
|
<div class="p-multiselect-representative-option">
|
||||||
<img :alt="slotProps.option.name" :src="'images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
|
<img :alt="slotProps.option.name" :src="'/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
|
||||||
<span style="margin-left: 0.5em; vertical-align: middle" class="image-text">{{ slotProps.option.name }}</span>
|
<span style="margin-left: 0.5em; vertical-align: middle" class="image-text">{{ slotProps.option.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user