updates history exec

src/views/pages/OldScenarioExec.vue

@@ -23,7 +23,7 @@
             <Panel class="mt-6">
                 <template #header>
                 <div class="flex items-center gap-2">
-                    <span class="font-bold">Hermione Response</span>
+                    <span class="font-bold">Hermione Response of Execution ID {{execution_id.id}}</span>
                 </div>
                 </template>
                 <template #icons>

src/views/pages/ScenarioExecList.vue

@@ -14,7 +14,16 @@
                 </Button> -->
         </div>
         <h2 class="text-xl font-bold mt-6">Executions List</h2>
-        <DataTable :value="scenario_execution_store.scenariosExecution" :loading="loading_data" class="mt-6">
+        <DataTable :value="scenario_execution_store.scenariosExecution" 
+        :loading="loading_data" 
+        class="mt-6"
+        :rows="10"                
+        paginator                 
+        :paginatorTemplate="paginatorTemplate" 
+        :totalRecords="scenario_execution_store.scenariosExecution.length" 
+        :first="first"            
+        @page="onPage"  
+        >
             <Column field="id" header="Execution ID" />
             <Column field="scenario.name" header="Name" />
             <Column field="" header="Execution Date" />
@@ -46,7 +55,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { ScenarioExecutionStore } from '../../stores/ScenarioExecutionStore.js';
 
 
-
+const first = ref(0);
 const router = useRouter();
 const route = useRoute();
 const value = ref('');
@@ -76,6 +85,11 @@ const goToScenarioExec = (execScenarioItem) => {
     });
 };
 
+function onPage(event) {
+    first.value = event.first; 
+}
+
+
 
 </script>