From 5c83d133a2fbee3b7ee8df96a2674a275f547509 Mon Sep 17 00:00:00 2001 From: Yevhen Shevchenko <90138953+yeshev@users.noreply.github.com> Date: Fri, 28 Jul 2023 19:14:07 +0300 Subject: [PATCH] fix: table resize (#3227) --- frontend/src/container/QueryTable/config.ts | 3 +++ frontend/src/lib/query/createTableColumnsFromQuery.ts | 2 ++ 2 files changed, 5 insertions(+) create mode 100644 frontend/src/container/QueryTable/config.ts diff --git a/frontend/src/container/QueryTable/config.ts b/frontend/src/container/QueryTable/config.ts new file mode 100644 index 0000000000..6fd3312147 --- /dev/null +++ b/frontend/src/container/QueryTable/config.ts @@ -0,0 +1,3 @@ +import { CSSProperties } from 'styled-components'; + +export const QUERY_TABLE_CONFIG: CSSProperties = { width: 145 }; diff --git a/frontend/src/lib/query/createTableColumnsFromQuery.ts b/frontend/src/lib/query/createTableColumnsFromQuery.ts index bf95335016..4e830ce641 100644 --- a/frontend/src/lib/query/createTableColumnsFromQuery.ts +++ b/frontend/src/lib/query/createTableColumnsFromQuery.ts @@ -5,6 +5,7 @@ import { initialQueryBuilderFormValues, } from 'constants/queryBuilder'; import { FORMULA_REGEXP } from 'constants/regExp'; +import { QUERY_TABLE_CONFIG } from 'container/QueryTable/config'; import { QueryTableProps } from 'container/QueryTable/QueryTable.intefaces'; import { ReactNode } from 'react'; import { @@ -453,6 +454,7 @@ const generateTableColumns = ( const column: ColumnType = { dataIndex: item.dataIndex, title: item.title, + width: QUERY_TABLE_CONFIG.width, render: renderColumnCell && renderColumnCell[item.dataIndex], // sorter: item.sortable // ? (a: RowData, b: RowData): number =>