refs #6993 fixed QTable behaviour

.gitignore

@@ -30,4 +30,8 @@ yarn-error.log*
 
 # Cypress directories and files
 /tests/cypress/videos
-/tests/cypress/screenshots
+/tests/cypress/screenshots
+
+#File's changes differences
+quasar.patch
+quasar.patch:Zone.Identifier

src/boot/defaults/qTable.js

@@ -1,5 +1,5 @@
 import { QTable } from 'quasar';
 import setDefault from './setDefault';
 
-setDefault(QTable, 'pagination', { rowsPerPage: 25 });
+setDefault(QTable, 'pagination', { rowsPerPage: 0 });
 setDefault(QTable, 'hidePagination', true);

src/components/common/VnDmsList.vue

@@ -218,7 +218,6 @@ function parseDms(data) {
     />
     <QTable
         :columns="columns"
-        :pagination="{ rowsPerPage: 0 }"
         :rows="rows"
         class="full-width q-mt-md"
         hide-bottom

src/pages/Claim/Card/ClaimAction.vue

@@ -291,8 +291,6 @@ async function importToNewRefundTicket() {
                 selection="multiple"
                 v-model:selected="selectedRows"
                 :grid="$q.screen.lt.md"
-                :pagination="{ rowsPerPage: 0 }"
-                :hide-bottom="true"
             >
                 <template #body-cell-ticket="{ value }">
                     <QTd align="center">

src/pages/Claim/Card/ClaimDevelopment.vue

@@ -150,10 +150,8 @@ const columns = computed(() => [
             <QTable
                 :columns="columns"
                 :rows="rows"
-                :pagination="{ rowsPerPage: 0 }"
                 row-key="$index"
                 selection="multiple"
-                hide-pagination
                 v-model:selected="selected"
                 :grid="$q.screen.lt.md"
                 table-header-class="text-left"

src/pages/Claim/Card/ClaimLines.vue

@@ -201,11 +201,9 @@ function showImportDialog() {
                         :columns="columns"
                         :rows="rows"
                         :dense="$q.screen.lt.md"
-                        :pagination="{ rowsPerPage: 0 }"
                         row-key="id"
                         selection="multiple"
                         v-model:selected="selected"
-                        hide-pagination
                         :grid="$q.screen.lt.md"
                     >
                         <template #body-cell-claimed="{ row, value }">

src/pages/Claim/Card/ClaimLinesImport.vue

@@ -121,7 +121,6 @@ function cancel() {
                 class="my-sticky-header-table"
                 :columns="columns"
                 :rows="claimableSales"
-                :pagination="{ rowsPerPage: 10 }"
                 row-key="saleFk"
                 selection="multiple"
                 v-model:selected="selected"

src/pages/Claim/Card/ClaimSummary.vue

@@ -242,13 +242,7 @@ function openDialog(dmsId) {
                     {{ t('claim.summary.details') }}
                     <QIcon name="open_in_new" />
                 </a>
-                <QTable
+                <QTable :columns="detailsColumns" :rows="salesClaimed" flat dense>
-                    :columns="detailsColumns"
-                    :rows="salesClaimed"
-                    flat
-                    dense
-                    :rows-per-page-options="[0]"
-                >
                     <template #header="props">
                         <QTr :props="props">
                             <QTh v-for="col in props.cols" :key="col.name" :props="props">
@@ -284,13 +278,7 @@ function openDialog(dmsId) {
                     <QIcon name="open_in_new" />
                 </a>
 
-                <QTable
+                <QTable :columns="developmentColumns" :rows="developments" flat dense>
-                    :columns="developmentColumns"
-                    :rows="developments"
-                    flat
-                    dense
-                    :rows-per-page-options="[0]"
-                >
                     <template #header="props">
                         <QTr :props="props">
                             <QTh v-for="col in props.cols" :key="col.name" :props="props">

src/pages/Customer/Card/CustomerBalance.vue

@@ -198,7 +198,6 @@ const updateCompanyId = (id) => {
 
     <QTable
         :columns="columns"
-        :pagination="{ rowsPerPage: 12 }"
         :rows="rows"
         class="full-width q-mt-md"
         row-key="id"

src/pages/Customer/Card/CustomerCredits.vue

@@ -97,13 +97,7 @@ const toCustomerCreditCreate = () => {
 
 <template>
     <QPage class="column items-center q-pa-md">
-        <QTable
+        <QTable :columns="columns" :rows="rows" class="full-width q-mt-md" row-key="id">
-            :columns="columns"
-            :pagination="{ rowsPerPage: 12 }"
-            :rows="rows"
-            class="full-width q-mt-md"
-            row-key="id"
-        >
             <template #body-cell="props">
                 <QTd :props="props">
                     <QTr :props="props" class="cursor-pointer">

src/pages/Customer/Card/CustomerGreuges.vue

@@ -140,7 +140,6 @@ const toCustomerGreugeCreate = () => {
 
         <QTable
             :columns="columns"
-            :pagination="{ rowsPerPage: 12 }"
             :rows="rows"
             class="full-width q-mt-md"
             row-key="id"

src/pages/Customer/Card/CustomerRecoveries.vue

@@ -97,7 +97,6 @@ const toCustomerRecoverieCreate = () => {
     <QPage class="column items-center q-pa-md">
         <QTable
             :columns="columns"
-            :pagination="{ rowsPerPage: 12 }"
             :rows="rows"
             class="full-width q-mt-md"
             row-key="id"

src/pages/Customer/ExtendedList/CustomerExtendedList.vue

@@ -510,7 +510,6 @@ const selectSalesPersonId = (id) => (selectedSalesPersonId.value = id);
     <QPage class="column items-center q-pa-md">
         <QTable
             :columns="columns"
-            :pagination="{ rowsPerPage: 12 }"
             :rows="rows"
             class="full-width q-mt-md"
             row-key="id"

src/pages/InvoiceIn/Card/InvoiceInSummary.vue

@@ -323,12 +323,7 @@ function getLink(param) {
                     {{ t('invoiceIn.card.vat') }}
                     <QIcon name="open_in_new" />
                 </a>
-                <QTable
+                <QTable :columns="vatColumns" :rows="invoiceIn.invoiceInTax" flat>
-                    :columns="vatColumns"
-                    :rows="invoiceIn.invoiceInTax"
-                    flat
-                    
-                >
                     <template #header="props">
                         <QTr :props="props" class="bg">
                             <QTh v-for="col in props.cols" :key="col.name" :props="props">
@@ -361,7 +356,6 @@ function getLink(param) {
                     :columns="dueDayColumns"
                     :rows="invoiceIn.invoiceInDueDay"
                     flat
-                    
                 >
                     <template #header="props">
                         <QTr :props="props" class="bg">

src/pages/InvoiceOut/InvoiceOutNegativeBases.vue

@@ -232,7 +232,6 @@ const selectWorkerId = (id) => {
             :columns="columns"
             :rows="rows"
             row-key="clientId"
-            :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
         >
             <template #body-cell="props">

src/pages/Route/RouteList.vue

@@ -16,7 +16,7 @@ import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
 import RouteFilter from 'pages/Route/Card/RouteFilter.vue';
 import RouteSummary from 'pages/Route/Card/RouteSummary.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import {useSession} from "composables/useSession";
+import { useSession } from 'composables/useSession';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 
 const stateStore = useStateStore();
@@ -144,8 +144,8 @@ const cloneRoutes = () => {
 };
 
 const showRouteReport = () => {
-    const ids = selectedRows.value.map(row => row?.id)
+    const ids = selectedRows.value.map((row) => row?.id);
-    const idString = ids.join(',')
+    const idString = ids.join(',');
     let url;
 
     if (selectedRows.value.length <= 1) {
@@ -153,12 +153,12 @@ const showRouteReport = () => {
     } else {
         const params = new URLSearchParams({
             access_token: session.getToken(),
-            id: idString
+            id: idString,
-        })
+        });
         url = `api/Routes/downloadZip?${params.toString()}`;
     }
     window.open(url, '_blank');
-}
+};
 
 const markAsServed = () => {
     selectedRows.value.forEach((row) => {
@@ -263,7 +263,6 @@ const markAsServed = () => {
                 data-key="RouteList"
                 url="Routes/filter"
                 :order="['created DESC', 'id DESC']"
-                :limit="20"
                 auto-load
             >
                 <template #body="{ rows }">
@@ -275,7 +274,6 @@ const markAsServed = () => {
                             flat
                             row-key="id"
                             selection="multiple"
-                            :pagination="{ sortBy: 'ID', descending: true }"
                         >
                             <template #body-cell-worker="props">
                                 <QTd :props="props">

src/pages/Supplier/Card/SupplierConsumption.vue

@@ -151,7 +151,6 @@ onMounted(async () => {
             :rows="rows"
             row-key="id"
             hide-header
-            :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
             :no-data-label="t('No results')"
         >

src/pages/Travel/Card/TravelSummary.vue

@@ -290,7 +290,6 @@ async function setTravelData(travelData) {
                 <QTable
                     :rows="entriesTableRows"
                     :columns="entriesTableColumns"
-                    
                     row-key="id"
                     class="full-width q-mt-md"
                 >

src/pages/Travel/Card/TravelThermographs.vue

@@ -145,7 +145,6 @@ const removeThermograph = async (id) => {
                 :rows="rows"
                 :columns="TableColumns"
                 :no-data-label="t('No results')"
-                :rows-per-page-options="[0]"
                 row-key="id"
                 class="full-width q-mt-md"
             >