feat(table): improve watching sortedRows for reactivity

jd-solanki · Nov 10, 2022 · 8b700ee · 8b700ee
1 parent 3ad65fb
commit 8b700ee
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/anu-vue/src/components/table/ATable.tsx b/packages/anu-vue/src/components/table/ATable.tsx
@@ -231,7 +231,7 @@ export const ATable = defineComponent({
     )
 
     // 👉 Paginated Rows
-    const paginatedRows = computed(() => sortedRows.value)
+    const paginatedRows = ref<any[]>([])
 
     // TODO: Check passing toRef(props, 'pageSize') to useOffsetPagination and use returned `currentPageSize` for reactive pgeSize prop
     const currentPageSize = ref(props.pageSize)
@@ -273,7 +273,7 @@ export const ATable = defineComponent({
         paginateRows({ currentPage: currentPage.value, currentPageSize: currentPageSize.value })
     }
 
-    watch([_search, sortedCols], recalculateCurrentPageData, { deep: true, immediate: true })
+    watch([_search, sortedCols, sortedRows], recalculateCurrentPageData, { deep: true, immediate: true })
 
     // 👉 rowsToRender
     const rowsToRender = computed(() => isSST.value ? _serverRows.value : paginatedRows.value)