Better responsiveness for column header

pull/2207/head
Cagatay Civici 2022-02-24 00:22:24 +03:00
parent 843320f519
commit beccd06fb8
1 changed files with 3 additions and 3 deletions

View File

@ -16,11 +16,11 @@
currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries" currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
:globalFilterFields="['name','country.name','representative.name','status']" responsiveLayout="scroll"> :globalFilterFields="['name','country.name','representative.name','status']" responsiveLayout="scroll">
<template #header> <template #header>
<div class="flex flex-column md:flex-row md:justify-content-between md:align-items-center"> <div class="flex flex-column sm:flex-row sm:justify-content-between sm:align-items-center">
<h5 class="m-0">Customers</h5> <h5 class="m-0">Customers</h5>
<span class="p-input-icon-left"> <span class="p-input-icon-left mt-3 sm:mt-0 w-full sm:w-auto">
<i class="pi pi-search" /> <i class="pi pi-search" />
<InputText v-model="filters['global'].value" placeholder="Search" /> <InputText v-model="filters['global'].value" placeholder="Search" class="w-full" />
</span> </span>
</div> </div>
</template> </template>