fix: When the component id is very long, the delete button of generate will be hidden #1906 (#1907)

### What problem does this PR solve?
fix: When the component id is very long, the delete button of generate
will be hidden #1906

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/flow/generate-form/dynamic-parameters.tsx

@@ -38,6 +38,7 @@ const DynamicParameters = ({ nodeId }: IProps) => {
       title: t('key'),
       dataIndex: 'key',
       key: 'key',
+      width: 50,
       onCell: (record: IGenerateParameter) => ({
         record,
         editable: true,
@@ -69,6 +70,7 @@ const DynamicParameters = ({ nodeId }: IProps) => {
       width: 20,
       key: 'operation',
       align: 'center',
+      fixed: 'right',
       render(_, record) {
         return <DeleteOutlined onClick={handleRemove(record.id)} />;
       },
@@ -89,6 +91,7 @@ const DynamicParameters = ({ nodeId }: IProps) => {
         className={styles.variableTable}
         components={components}
         rowClassName={() => styles.editableRow}
+        scroll={{ x: true }}
       />
     </section>
   );