fix: prevent jumping columns in search view (#5950)

Unleash · Jan 18, 2024 · 1fd7749 · 1fd7749
1 parent 80bc4e0
commit 1fd7749
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx
@@ -164,6 +164,9 @@ const FeatureToggleListTableComponent: VFC = () => {
                     </>
                 ),
                 enableSorting: false,
+                meta: {
+                    width: '1%',
+                },
             }),
             columnHelper.accessor('lastSeenAt', {
                 header: 'Seen',
@@ -172,13 +175,15 @@ const FeatureToggleListTableComponent: VFC = () => {
                 ),
                 meta: {
                     align: 'center',
+                    width: '1%',
                 },
             }),
             columnHelper.accessor('type', {
                 header: 'Type',
                 cell: ({ getValue }) => <FeatureTypeCell value={getValue()} />,
                 meta: {
                     align: 'center',
+                    width: '1%',
                 },
             }),
             columnHelper.accessor('name', {
@@ -191,13 +196,19 @@ const FeatureToggleListTableComponent: VFC = () => {
                         to={`/projects/${row.original.project}/features/${row.original.name}`}
                     />
                 ),
+                meta: {
+                    width: '50%',
+                },
             }),
             columnHelper.accessor((row) => row.segments?.join('\n') || '', {
                 header: 'Segments',
                 cell: ({ getValue, row }) => (
                     <FeatureSegmentCell value={getValue()} row={row} />
                 ),
                 enableSorting: false,
+                meta: {
+                    width: '1%',
+                },
             }),
             columnHelper.accessor(
                 (row) =>
@@ -208,11 +219,17 @@ const FeatureToggleListTableComponent: VFC = () => {
                     header: 'Tags',
                     cell: FeatureTagCell,
                     enableSorting: false,
+                    meta: {
+                        width: '1%',
+                    },
                 },
             ),
             columnHelper.accessor('createdAt', {
                 header: 'Created',
                 cell: ({ getValue }) => <DateCell value={getValue()} />,
+                meta: {
+                    width: '1%',
+                },
             }),
             columnHelper.accessor('project', {
                 header: 'Project ID',
@@ -222,10 +239,16 @@ const FeatureToggleListTableComponent: VFC = () => {
                         to={`/projects/${getValue()}`}
                     />
                 ),
+                meta: {
+                    width: '1%',
+                },
             }),
             columnHelper.accessor('stale', {
                 header: 'State',
                 cell: ({ getValue }) => <FeatureStaleCell value={getValue()} />,
+                meta: {
+                    width: '1%',
+                },
             }),
         ],
         [favoritesFirst],