[OGUI-1869] Broken virtual table edit layout show (#3292)

* fix: correct height layout of virtual table in object tree sidebar
* fix: update virtual table layout to use 'main' context in object tree sidebar
* fix: adjust virtual table context between 'main' and 'side' in object tree components
* fix: remove table header from virtual table

Author: generatedkeys

QualityControl/public/layout/view/panels/objectTreeSidebar.js

@@ -38,12 +38,11 @@ export default (model) =>
       }
       return [
         searchForm(model),
-        h(
-          '.scroll-y',
+        h('.flex-column.flex-grow', {}, [
           searchInput.trim() !== ''
             ? virtualTable(model, 'side', objectsToDisplay)
-            : treeTable(model),
-        ),
+            : h('.scroll-y', treeTable(model)),
+        ]),
         objectPreview(model),
       ];
     },

QualityControl/public/object/objectTreePage.js

@@ -62,7 +62,7 @@ export default (model) => {
               qcObject.name.toLowerCase().includes(searchInput.toLowerCase()));
             return h('.flex-column.flex-grow', [
               actionablesHeaderGroup(model.object),
-              virtualTable(model, 'side', objectsToDisplay),
+              virtualTable(model, 'main', objectsToDisplay),
             ]);
           }
           return h('', [

QualityControl/public/object/virtualTable.js

@@ -29,7 +29,6 @@ export default function virtualTable(model, location = 'main', objects = []) {
   FONT = location === 'side' ? '.f6' : '';
   return h('.flex-grow.flex-column', {
   }, [
-    location !== 'side' && tableHeader(),
     h(
       '.scroll-y.animate-width',
       tableContainerHooks(model),
@@ -94,16 +93,6 @@ const objectFullRow = (model, item, location) =>
     ]),
   ]);
 
-/**
- * Create a table header separately so that it does not get included
- * in the virtual list scrolling events
- * @returns {vnode} - virtual node element
- */
-const tableHeader = () =>
-  h('table.table.table-sm.text-no-select', {
-    style: 'margin-bottom:0',
-  }, h('thead', [h('tr', [h('th', 'Name')])]));
-
 /**
  * Set styles of the floating table and its position inside the big div .tableLogsContentPlaceholder
  * @param {Model} model - root model of the application