fix(ktableview): minor fix (#2381)

* fix: minor fix * fix: minor fix
Kong · Sep 9, 2024 · 5d531f1 · 5d531f1
1 parent 5c57cf3
commit 5d531f1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/KTableView/KTableView.vue b/src/components/KTableView/KTableView.vue
@@ -7,7 +7,10 @@
     >
       <slot name="toolbar" />
 
-      <div class="toolbar-default-items-container">
+      <div
+        v-if="hasBulkActions || hasColumnVisibilityMenu"
+        class="toolbar-default-items-container"
+      >
         <slot
           v-if="hasBulkActions"
           name="bulk-actions"
@@ -566,7 +569,7 @@ const tableWrapperStyles = computed((): Record<string, string> => ({
 
 const tableData = ref<TableViewData>([...props.data].map((row) => ({ ...row, selected: false })))
 const bulkActionsSelectedRows = ref<TableViewData>([])
-const hasBulkActions = computed((): boolean => tableHeaders.value.some((header: TableViewHeader) => header.key === TableViewHeaderKeys.BULK_ACTIONS) && !!(slots['bulk-action-items'] || slots['bulk-actions']))
+const hasBulkActions = computed((): boolean => !props.error && tableHeaders.value.some((header: TableViewHeader) => header.key === TableViewHeaderKeys.BULK_ACTIONS) && !!(slots['bulk-action-items'] || slots['bulk-actions']))
 const bulkActionsSelectedRowsCount = computed((): string => {
   const selectedRowsCount = bulkActionsSelectedRows.value.length