merge from development

mlrun · Nov 13, 2023 · a7626af · a7626af
1 parent 5cdd9c5
commit a7626af
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/Table/TableView.js b/src/components/Table/TableView.js
@@ -20,6 +20,7 @@ such restriction.
 import React from 'react'
 import PropTypes from 'prop-types'
 import { isEmpty } from 'lodash'
+import classnames from 'classnames'
 
 import ArtifactsTableRow from '../../elements/ArtifactsTableRow/ArtifactsTableRow'
 import ConsumerGroupShardLagTableRow from '../../elements/ConsumerGroupShardLagTableRow/ConsumerGroupShardLagTableRow'
@@ -76,11 +77,17 @@ const TableView = ({
   tableHeadRef,
   tablePanelRef
 }) => {
+  const tableClass = classnames(
+    'table',
+    'table-main',
+    !isEmpty(selectedItem) && 'table-with-details'
+  )
+
   return (
     <div className="table__flex">
       <div className="table__content" id="table-content" ref={tableContentRef}>
         <div className="table__wrapper">
-          <table className="table table-main" cellPadding="0" cellSpacing="0" ref={tableRef}>
+          <table className={tableClass} cellPadding="0" cellSpacing="0" ref={tableRef}>
             {pageData.tableHeaders && (
               <>
                 <thead className="table-header">