style: handle height based on number of toolbars

src/components/VnTable/VnTable.vue

@@ -117,7 +117,15 @@ const $props = defineProps({
     },
     tableHeight: {
         type: String,
-        default: '90vh',
+        default: () => {
+            let height = 100;
+            Array.from(document.querySelectorAll('[role="toolbar"]'))
+                .filter((element) => window.getComputedStyle(element).display !== 'none')
+                .forEach(() => {
+                    height -= 10;
+                });
+            return height + 'vh';
+        },
     },
     footer: {
         type: Boolean,
@@ -627,6 +635,7 @@ const rowCtrlClickFunction = computed(() => {
 });
 </script>
 <template>
+    {{ $props.tableHeight }}
     <RightMenu v-if="$props.rightSearch" :overlay="overlay">
         <template #right-panel>
             <VnTableFilter