src/components/VnTable/VnTable.vue

@@ -211,9 +211,10 @@ defineExpose({
             </VnFilterPanel>
         </QScrollArea>
     </QDrawer>
+    <!-- class in div to fix warn-->
+    <div class="q-px-md">
         <CrudModel
             v-bind="$attrs"
-        class="q-px-md"
             :limit="20"
             ref="CrudModelRef"
             :search-url="searchUrl"
@@ -222,11 +223,10 @@ defineExpose({
         >
             <template #body="{ rows }">
                 <QTable
+                    v-bind="$attrs"
                     class="vnTable"
                     :columns="splittedColumns.columns"
                     :rows="rows"
-                row-key="id"
-                selection="multiple"
                     v-model:selected="selected"
                     :grid="mode != 'table'"
                     table-header-class="bg-header"
@@ -268,7 +268,11 @@ defineExpose({
                         />
                     </template>
                     <template #header-cell="{ col }">
-                    <QTh auto-width style="min-width: 100px" v-if="$props.columnSearch">
+                        <QTh
+                            auto-width
+                            style="min-width: 100px"
+                            v-if="$props.columnSearch"
+                        >
                             <VnTableFilter
                                 :column="col"
                                 :show-title="true"
@@ -283,7 +287,10 @@ defineExpose({
                     </template>
                     <template #body-cell-tableStatus="{ col, row }">
                         <QTd auto-width :class="`text-${col.align ?? 'left'}`">
-                        <VnTableChip :columns="splittedColumns.columnChips" :row="row">
+                            <VnTableChip
+                                :columns="splittedColumns.columnChips"
+                                :row="row"
+                            >
                                 <template #afterChip>
                                     <slot name="afterChip" :row="row"></slot>
                                 </template>
@@ -321,7 +328,9 @@ defineExpose({
                                 class="q-px-sm"
                                 flat
                                 :class="
-                                btn.isPrimary ? 'text-primary-light' : 'color-vn-text '
+                                    btn.isPrimary
+                                        ? 'text-primary-light'
+                                        : 'color-vn-text '
                                 "
                                 @click="btn.action(row)"
                             />
@@ -393,7 +402,9 @@ defineExpose({
                                             >
                                                 <template #value>
                                                     <span
-                                                    @click="stopEventPropagation($event)"
+                                                        @click="
+                                                            stopEventPropagation($event)
+                                                        "
                                                     >
                                                         <VnTableColumn
                                                             :column="col"
@@ -437,6 +448,7 @@ defineExpose({
                 </QTable>
             </template>
         </CrudModel>
+    </div>
     <QPageSticky v-if="create" :offset="[20, 20]" style="z-index: 2">
         <QBtn @click="showForm = !showForm" color="primary" fab icon="add" />
         <QTooltip>
@@ -445,7 +457,7 @@ defineExpose({
     </QPageSticky>
     <QDialog v-model="showForm" transition-show="scale" transition-hide="scale">
         <FormModelPopup
-            v-bind="{ ...$attrs, ...create }"
+            v-bind="create"
             :model="$attrs['data-key'] + 'Create'"
             @on-data-saved="(_, res) => create.onDataSaved(res)"
         >

src/pages/Customer/ExtendedList/CustomerExtendedList.vue

@@ -382,7 +382,6 @@ function handleLocation(data, location) {
         ref="tableRef"
         data-key="CustomerExtendedList"
         url="Clients/extendedListFilter"
-        url-create="Clients/createWithUser"
         :create="{
             urlCreate: 'Clients/createWithUser',
             title: 'Create client',