diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx index dab0f7bc1..14379d83e 100644 --- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx +++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx @@ -440,7 +440,6 @@ const DocumentsTabComponent: React.FunctionComponent<{ } } - return item; // TODO: for now, merge all the pk values into a single string/column // type: documentId.partitionKeyProperties ? documentId.stringPartitionKeyValues.join(",") : undefined, diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx index 70c63baf3..b4059eb08 100644 --- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx +++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx @@ -65,19 +65,22 @@ export const DocumentsTableComponent: React.FC = const [activeItemIndex, setActiveItemIndex] = React.useState(undefined); - const [columnSizingOptions, setColumnSizingOptions] = React.useState({ + + const initialSizingOptions: TableColumnSizingOptions = { id: { idealWidth: 280, // minWidth: 273, }, - // TODO FIX THIS - // type: { - // defaultWidth: 100, - // // minWidth: 110, - // // defaultWidth: 120, - // }, + }; + columnHeaders.partitionKeyHeaders.forEach((pkHeader) => { + initialSizingOptions[pkHeader] = { + idealWidth: 200, + minWidth: 50, + }; }); + const [columnSizingOptions, setColumnSizingOptions] = React.useState(initialSizingOptions); + const onColumnResize = React.useCallback((_, { columnId, width }) => { setColumnSizingOptions((state) => ({ ...state,