diff --git a/src/components/VirtualTable/TableHead.tsx b/src/components/VirtualTable/TableHead.tsx index 17dc9d64d..06e5340c3 100644 --- a/src/components/VirtualTable/TableHead.tsx +++ b/src/components/VirtualTable/TableHead.tsx @@ -6,7 +6,13 @@ import type { } from '../../utils/hooks/useTableResize'; import type {Column, OnSort, SortOrderType, SortParams} from './types'; -import {ASCENDING, DEFAULT_SORT_ORDER, DEFAULT_TABLE_ROW_HEIGHT, DESCENDING} from './constants'; +import { + ASCENDING, + DEFAULT_RESIZEABLE, + DEFAULT_SORT_ORDER, + DEFAULT_TABLE_ROW_HEIGHT, + DESCENDING, +} from './constants'; import {b} from './shared'; const COLUMN_NAME_HTML_ATTRIBUTE = 'data-columnname'; @@ -45,6 +51,7 @@ const ColumnSortIcon = ({sortOrder, sortable, defaultSortOrder}: ColumnSortIconP interface TableHeadCellProps { column: Column; + resizeable?: boolean; sortOrder?: SortOrderType; defaultSortOrder: SortOrderType; onSort?: (columnName: string) => void; @@ -55,6 +62,7 @@ interface TableHeadCellProps { export const TableHeadCell = ({ column, + resizeable, sortOrder, defaultSortOrder, onSort, @@ -82,9 +90,7 @@ export const TableHeadCell = ({
({ const sortOrder = sortParams.columnId === column.name ? sortParams.sortOrder : undefined; + const resizeable = + onColumnsResize && (column.resizeable ?? DEFAULT_RESIZEABLE); + return ( {row.Version}; }, sortable: false, - resizeable: true, }; const uptimeColumn: NodesColumn = { diff --git a/src/utils/hooks/useTableResize.ts b/src/utils/hooks/useTableResize.ts index c6948f76c..481a64b89 100644 --- a/src/utils/hooks/useTableResize.ts +++ b/src/utils/hooks/useTableResize.ts @@ -1,6 +1,6 @@ import {useCallback, useState} from 'react'; import type {Column as DataTableColumn} from '@gravity-ui/react-data-table'; -import type {Column as VirtualTableColumn} from '../../components/VirtualTable'; +import {DEFAULT_RESIZEABLE, type Column as VirtualTableColumn} from '../../components/VirtualTable'; import {settingsManager} from '../../services/settings'; export type Column = VirtualTableColumn & DataTableColumn; @@ -14,7 +14,9 @@ export const updateColumnsWidth = ( columnsWidthSetup: TableColumnsWidthSetup, ) => { return columns.map((column) => { - if (!column.resizeable) { + const resizeable = column.resizeable ?? DEFAULT_RESIZEABLE; + + if (!resizeable) { return column; } return {...column, width: columnsWidthSetup[column.name] ?? column.width};