diff --git a/packages/client/src/pages/Home/Section/Body/TableView/TableHeader.js b/packages/client/src/pages/Home/Section/Body/TableView/TableHeader.js index f492d2cdcb..6bdd51499e 100644 --- a/packages/client/src/pages/Home/Section/Body/TableView/TableHeader.js +++ b/packages/client/src/pages/Home/Section/Body/TableView/TableHeader.js @@ -363,7 +363,10 @@ class FilesTableHeader extends React.Component { key: "Index", title: "#", enable: this.props.indexColumnIsEnabled, - // defaultSize: 110, + minWidth: 75, + resizable: false, + shortColumn: true, + onChange: this.onColumnChange, }); } diff --git a/packages/shared/components/table/Table.types.ts b/packages/shared/components/table/Table.types.ts index e9b7cf576e..1e9a10f116 100644 --- a/packages/shared/components/table/Table.types.ts +++ b/packages/shared/components/table/Table.types.ts @@ -50,6 +50,7 @@ export type TTableColumn = { defaultSize?: number; default?: boolean; resizable?: boolean; + shortColumn?: boolean; checkbox?: { value: boolean; isIndeterminate: boolean; diff --git a/packages/shared/components/table/TableHeader.tsx b/packages/shared/components/table/TableHeader.tsx index 2a91114d2e..ecd0fba81c 100644 --- a/packages/shared/components/table/TableHeader.tsx +++ b/packages/shared/components/table/TableHeader.tsx @@ -911,7 +911,7 @@ import { checkingForUnfixedSize, getSubstring } from "./Table.utils"; const defaultMinColumnSize = 110; const settingsSize = 24; -const minSizeFirstColumn = 110; +const minSizeFirstColumn = 75; class TableHeader extends React.Component< TableHeaderProps, @@ -1729,6 +1729,8 @@ class TableHeader extends React.Component< for (const col of columns) { if (col.default) { str += `${wideColumnSize} `; + } else if (col.shortColumn) { + str += `${col.minWidth}px `; } else str += col.enable ? col.defaultSize