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

Fixed table column width changes

pull/2206/head
Cagatay Civici 2022-02-23 22:56:08 +03:00
parent c1e6d6bf5c
commit ff7b4e8eac
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/landing/ThemeSection.vue
View File

@ -30,19 +30,19 @@
<template #loading> <template #loading>
Loading customers data. Please wait. Loading customers data. Please wait.
</template> </template>
<Column selectionMode="multiple" style="min-width: 3rem"></Column> <Column selectionMode="multiple" style="width: 3rem"></Column>
<Column field="name" header="Name" sortable style="min-width: 12rem"> <Column field="name" header="Name" sortable style="min-width: 14rem">
<template #body="{data}"> <template #body="{data}">
{{data.name}} {{data.name}}
</template> </template>
</Column> </Column>
<Column field="country.name" header="Country" sortable style="min-width: 12rem"> <Column field="country.name" header="Country" sortable style="min-width: 14rem">
<template #body="{data}"> <template #body="{data}">
<img src="../../assets/images/flag_placeholder.png" :class="'flag flag-' + data.country.code" width="30" /> <img src="../../assets/images/flag_placeholder.png" :class="'flag flag-' + data.country.code" width="30" />
<span class="image-text">{{data.country.name}}</span> <span class="image-text">{{data.country.name}}</span>
</template> </template>
</Column> </Column>
<Column header="Agent" sortable sortField="representative.name" style="min-width: 12rem"> <Column header="Agent" sortable sortField="representative.name" style="min-width: 14rem">
<template #body="{data}"> <template #body="{data}">
<img :alt="data.representative.name" :src="'demo/images/avatar/' + data.representative.image" width="32" style="vertical-align: middle" /> <img :alt="data.representative.name" :src="'demo/images/avatar/' + data.representative.image" width="32" style="vertical-align: middle" />
<span class="image-text">{{data.representative.name}}</span> <span class="image-text">{{data.representative.name}}</span>
@ -63,7 +63,7 @@
<span :class="'customer-badge status-' + data.status">{{data.status}}</span> <span :class="'customer-badge status-' + data.status">{{data.status}}</span>
</template> </template>
</Column> </Column>
<Column field="activity" header="Activity" sortable style="min-width: 10rem"> <Column field="activity" header="Activity" sortable style="min-width: 6rem">
<template #body="{data}"> <template #body="{data}">
<ProgressBar :value="data.activity" :showValue="false" style="height: 7px" /> <ProgressBar :value="data.activity" :showValue="false" style="height: 7px" />
</template> </template>