diff --git a/web-console/src/react-table/react-table-extra.scss b/web-console/src/react-table/react-table-extra.scss
index ecb9953330f1..a2d6ad5bb0df 100644
--- a/web-console/src/react-table/react-table-extra.scss
+++ b/web-console/src/react-table/react-table-extra.scss
@@ -20,7 +20,10 @@
.ReactTable {
&.centered-table {
- .rt-th,
+ .rt-th {
+ align-content: start;
+ }
+
.rt-td {
align-content: center;
}
diff --git a/web-console/src/views/services-view/__snapshots__/services-view.spec.tsx.snap b/web-console/src/views/services-view/__snapshots__/services-view.spec.tsx.snap
index 44aed574fa07..512a671e7565 100644
--- a/web-console/src/views/services-view/__snapshots__/services-view.spec.tsx.snap
+++ b/web-console/src/views/services-view/__snapshots__/services-view.spec.tsx.snap
@@ -59,7 +59,7 @@ exports[`ServicesView renders data 1`] = `
"Usage",
"Start time",
"Version",
- "CPU processors",
+ "Available processors",
"Total memory",
"Labels",
"Detail",
@@ -225,12 +225,16 @@ exports[`ServicesView renders data 1`] = `
{
"Aggregated": [Function],
"Cell": [Function],
- "Header": "CPU processors",
+ "Header":
+ Available
+
+ processors
+ ,
"accessor": "available_processors",
"className": "padded",
"filterable": false,
"show": true,
- "width": 120,
+ "width": 100,
},
{
"Aggregated": [Function],
diff --git a/web-console/src/views/services-view/services-view.tsx b/web-console/src/views/services-view/services-view.tsx
index 27b4fcd7cd02..b2d49a3375e4 100644
--- a/web-console/src/views/services-view/services-view.tsx
+++ b/web-console/src/views/services-view/services-view.tsx
@@ -56,6 +56,7 @@ import {
formatBytesCompact,
formatDate,
formatDurationWithMsIfNeeded,
+ formatInteger,
getApiArray,
hasOverlayOpen,
LocalStorageBackedVisibility,
@@ -67,6 +68,7 @@ import {
QueryManager,
QueryState,
ResultWithAuxiliaryWork,
+ twoLines,
} from '../../utils';
import type { BasicAction } from '../../utils/basic-action';
import { TableFilter, TableFilters } from '../../utils/table-filters';
@@ -87,7 +89,7 @@ const TABLE_COLUMNS_BY_MODE: Record '',
},
{
- Header: 'CPU processors',
- show: visibleColumns.shown('CPU processors'),
+ Header: twoLines('Available', 'processors'),
+ show: visibleColumns.shown('Available processors'),
accessor: 'available_processors',
className: 'padded',
filterable: false,
- width: 120,
- Cell: ({ value }) => (value === null ? '' : value),
+ width: 100,
+ Cell: ({ value }) => (value === null ? '' : formatInteger(value)),
Aggregated: ({ subRows }) => {
const originalRows: ServiceResultRow[] = subRows.map(r => r._original);
const totalAvailableProcessors = sum(originalRows, s => s.available_processors);