fix(table): solve a table columns ordering problem (#1171)

oruga-ui · Jan 30, 2025 · ccae595 · ccae595
1 parent ce11b3e
commit ccae595
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/oruga/src/components/table/TableColumn.vue b/packages/oruga/src/components/table/TableColumn.vue
@@ -123,7 +123,7 @@ const filters = {} as Record<string, string>;
 </script>
 
 <template>
-    <span data-oruga="table-column" :data-id="item.identifier">
+    <span data-oruga="table-column" :data-id="`table-${item.identifier}`">
         {{ label }}
 
         <!--

diff --git a/packages/oruga/src/composables/useParentProvider.ts b/packages/oruga/src/composables/useParentProvider.ts
@@ -74,10 +74,10 @@ export function useProviderParent<ItemData = unknown, ParentData = unknown>(
                 .map((item) => `[data-id="${key}-${item.identifier}"]`)
                 .join(",");
 
-            // query all child items
+            // query all child items in the order of the DOM appearance
             const children = parent.querySelectorAll(ids);
 
-            // create a list of ids ordered after the elements in template
+            // create a list of ids ordered after the elements in DOM
             const sortedIds = Array.from(children).map((el) =>
                 el.getAttribute("data-id")?.replace(`${key}-`, ""),
             );