diff --git a/src/renderer/components/+workloads-pods/pod-details-list.tsx b/src/renderer/components/+workloads-pods/pod-details-list.tsx index 46c4714705..e7e603375c 100644 --- a/src/renderer/components/+workloads-pods/pod-details-list.tsx +++ b/src/renderer/components/+workloads-pods/pod-details-list.tsx @@ -146,6 +146,8 @@ export class PodDetailsList extends React.Component { return null; } + const virtual = pods.length > 20; + return (
@@ -154,8 +156,9 @@ export class PodDetailsList extends React.Component { items={pods} selectable scrollable={false} - virtual - virtualHeight={600} + virtual={virtual} + // 660 is the exact hight required for 20 items with the default paddings + virtualHeight={660} sortable={{ [sortBy.name]: pod => pod.getName(), [sortBy.namespace]: pod => pod.getNs(), @@ -165,6 +168,7 @@ export class PodDetailsList extends React.Component { sortByDefault={{ sortBy: sortBy.cpu, orderBy: "desc" }} sortSyncWithUrl={false} getTableRow={this.getTableRow} + renderRow={!virtual && (pod => this.getTableRow(pod.getId()))} className="box grow" > diff --git a/src/renderer/components/virtual-list/virtual-list.tsx b/src/renderer/components/virtual-list/virtual-list.tsx index db11e48197..be3f2fae61 100644 --- a/src/renderer/components/virtual-list/virtual-list.tsx +++ b/src/renderer/components/virtual-list/virtual-list.tsx @@ -104,7 +104,7 @@ export class VirtualList extends Component { this.listRef.current?.scrollToItem(index, align); }; - renderVSL(height: number | undefined) { + renderList(height: number | undefined) { const { width, items, getRow, onScroll, outerRef } = this.props; const { overscanCount } = this.state; @@ -136,10 +136,10 @@ export class VirtualList extends Component {
{ typeof fixedHeight === "number" - ? this.renderVSL(fixedHeight) + ? this.renderList(fixedHeight) : ( - {({ height }) => this.renderVSL(height)} + {({ height }) => this.renderList(height)} ) }