Reset column order function when changing query

Author: SanderMertens

etc/js/components/pages/queries/pane-inspect.vue

@@ -5,7 +5,7 @@
         class="inspect-tab-content">
     <template v-slot:table>
       <div :class="visibleClass">
-        <entity-table :result="result" @select="onSelectEntity"></entity-table>
+        <entity-table :result="result" @select="onSelectEntity" ref="queryTable"></entity-table>
       </div>
       <template v-if="result.error">
         <query-error :error="result.error"></query-error>
@@ -55,6 +55,7 @@ const props = defineProps({
 
 const result = ref({reply: []});
 const request = ref(undefined);
+const queryTable = ref(null);
 
 const emit = defineEmits(["selectEntity"]);
 
@@ -126,6 +127,7 @@ onUnmounted(() => {
 })
 
 watch(() => [query.value.expr, query.value.name, query.value.use_name], () => {
+  queryTable.value.resetQuery();
   doRequest();
 });
 

etc/js/components/widgets/table/entity-table.vue

@@ -32,7 +32,7 @@
                 <div class="entity-table-name">
                   <entity-parent :path="col.get(result)"></entity-parent>
                   <span class="entity-link" @click.stop="onSelectEntity(col.get(result))">
-                    <entity-name :path="col.get(result)" :link="true"></entity-name>
+                    <entity-name :path="col.get(result)"></entity-name>
                   </span>
                 </div>
               </template>
@@ -67,7 +67,7 @@ export default { name: "entity-table" }
 </script>
 
 <script setup>
-import { defineProps, defineEmits, computed, ref } from 'vue';
+import { defineProps, defineEmits, defineExpose, computed, ref } from 'vue';
 
 const orderByModes = ["none", "asc", "desc"];
 const orderBy = ref({});
@@ -316,6 +316,12 @@ function onSelectEntity(e) {
   return emit("select", e);
 }
 
+function resetQuery() {
+  orderBy.value = {};
+}
+
+defineExpose({resetQuery});
+
 </script>
 
 <style scoped>