diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue index a3b64d264..52cd3ed47 100644 --- a/src/components/VnTable/VnTable.vue +++ b/src/components/VnTable/VnTable.vue @@ -420,7 +420,7 @@ function handleOnDataSaved(_) { @@ -507,8 +507,12 @@ function handleOnDataSaved(_) { :key="index" :title="btn.title" :icon="btn.icon" - class="q-px-sm text-primary-light" + class="q-pa-xs" flat + dense + :class=" + btn.isPrimary ? 'text-primary-light' : 'color-vn-text ' + " :style="`visibility: ${ (btn.show && btn.show(row)) ?? true ? 'visible' : 'hidden' }`" @@ -639,18 +643,10 @@ function handleOnDataSaved(_) { :key="col?.id" class="text-center" > -
- {{ - rows.reduce( - (sum, currentRow) => sum + currentRow[col.name], - 0 - ) - }} -
+ @@ -735,10 +731,6 @@ es: border-color: var(--vn-section-color); } -.q-table__container > div:first-child { - background-color: var(--vn-page-color); -} - .grid-three { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, max-content)); @@ -767,10 +759,16 @@ es: } } -.q-table th { - padding: 0; -} +.q-table { + th { + padding: 0; + } + &__top { + padding: 12px 0px; + top: 0; + } +} .vnTable { thead tr th { position: sticky; diff --git a/src/components/VnTable/VnVisibleColumn.vue b/src/components/VnTable/VnVisibleColumn.vue index 36f5ed7de..f5c3458cd 100644 --- a/src/components/VnTable/VnVisibleColumn.vue +++ b/src/components/VnTable/VnVisibleColumn.vue @@ -135,7 +135,7 @@ onMounted(async () => { });