Table image fixes

This commit is contained in:
Bahadır Sofuoğlu
2022-11-08 12:54:12 +03:00
parent 99a7b92256
commit f9d598918b
2 changed files with 3 additions and 3 deletions

View File

@@ -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);
} }

View File

@@ -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>