diff --git a/ui/src/views/datatype/DataTypeTableView.vue b/ui/src/views/datatype/DataTypeTableView.vue
index 9981c8651d17fe4aaad6ba917e1811687b983d40..31386017ce1c2c3350f0ec2a6a093f8229e93a4a 100644
--- a/ui/src/views/datatype/DataTypeTableView.vue
+++ b/ui/src/views/datatype/DataTypeTableView.vue
@@ -264,11 +264,11 @@
       </div>
     </div>
     <div v-if="showFilter" class="notification" role="search">
-      <div class="column" id="tagsCollapse">
+      <div id="tagsCollapse" class="column">
         <TagsCollapse v-if="tagsColumn && Object.keys(tagsColumn).length > 1" :tags="tagsColumn"/>
       </div>
       <h2>{{ $t("applications.filter") }}</h2>
-      <div class="notification is-flex is-flex-direction-column is-fullwidth">
+      <div v-if="authorizationScopesMenus !==null" class="notification is-flex is-flex-direction-column is-fullwidth">
         <AuthorizationScopesMenu
             v-for="n in authorizationScopesMenusCount"
             :key="n"
@@ -467,7 +467,7 @@
           </tr>
           <tr>
             <th
-                v-for="(comp, index) in variableComponents"
+                v-for="(comp, index) in columnsVariableComponentsToBeShown"
                 :key="`${comp.label}-${index}`"
                 :component="comp.component"
                 :variable="comp.variable"
@@ -965,7 +965,7 @@ export default class DataTypeTableView extends Vue {
 
   async initAuthorizationScopeMenus() {
     let dataType = this.application.configuration.dataTypes[this.dataTypeId];
-    if (dataType?.authorization.authorizationScopes) {
+    if (dataType?.authorization?.authorizationScopes) {
       let ret = {};
       for (let auth in dataType.authorization.authorizationScopes) {
         let vc = dataType.authorization.authorizationScopes[auth];