Jun 6, 2025 · Jun 4, 2025 · Jun 5, 2025 · Jun 5, 2025 · Jun 6, 2025
diff --git a/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx b/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx
            {columns.map((column) => {
              const id = String(column.id);
              const childDispatch = wrapDispatch(wrapDispatch(dispatch, "containers"), id);
              if (!containers[id]) return null;
              if (!containers[id] || column.hidden) return null;
              const containerProps = containers[id].children;

              // Use the actual minWidth from column configuration instead of calculated width
diff --git a/client/packages/lowcoder/src/comps/controls/optionsControl.tsx b/client/packages/lowcoder/src/comps/controls/optionsControl.tsx
  Option,
  WidthIcon,
  ImageCompIcon,
  CloseEyeIcon,
 } from "lowcoder-design";
 import styled from "styled-components";
 import { lastValueIfEqual } from "util/objectUtils";
    radius: withDefault(RadiusControl, ""),
    margin: withDefault(StringControl, ""),
    padding: withDefault(StringControl, ""),
    hidden: withDefault(BoolCodeControl, false),
  },
  (props) => props
 )
      preInputNode: <StyledIcon as={CompressIcon} title="" />,
      placeholder: '3px',
    })}
    {children.hidden.propertyView({
      label: trans('style.hideColumn'),
      preInputNode: <StyledIcon as={CloseEyeIcon} title="" />
    })}
  </StyledContent>
 ))
  .build();
diff --git a/translations/locales/en.js b/translations/locales/en.js
      "chartBorderColor": "Border Color",
      "chartTextColor": "Text Color",
      "detailSize": "Detail Size",
      "hideColumn": "Hide Column",

      "radiusTip": "Specifies the radius of the element's corners. Example: 5px, 50%, or 1em.",
      "gapTip": "Specifies the gap between rows and columns in a grid or flex container. Example: 10px, 1rem, or 5%.",
Original file line number	Diff line number	Diff line change
Expand Up		@@ -234,7 +234,7 @@ const ResponsiveLayout = (props: ResponsiveLayoutProps) => {
		{columns.map((column) => {
		const id = String(column.id);
		const childDispatch = wrapDispatch(wrapDispatch(dispatch, "containers"), id);
		if (!containers[id]) return null;
		if (!containers[id] \|\| column.hidden) return null;
		const containerProps = containers[id].children;

		// Use the actual minWidth from column configuration instead of calculated width
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -30,6 +30,7 @@ import {
		Option,
		WidthIcon,
		ImageCompIcon,
		CloseEyeIcon,
		} from "lowcoder-design";
		import styled from "styled-components";
		import { lastValueIfEqual } from "util/objectUtils";
Expand DownExpand Up		@@ -608,6 +609,7 @@ const ColumnOption = new MultiCompBuilder(
		radius: withDefault(RadiusControl, ""),
		margin: withDefault(StringControl, ""),
		padding: withDefault(StringControl, ""),
		hidden: withDefault(BoolCodeControl, false),
		},
		(props) => props
		)
Expand DownExpand Up		@@ -644,6 +646,10 @@ const ColumnOption = new MultiCompBuilder(
		preInputNode: <StyledIcon as={CompressIcon} title="" />,
		placeholder: '3px',
		})}
		{children.hidden.propertyView({
		label: trans('style.hideColumn'),
		preInputNode: <StyledIcon as={CloseEyeIcon} title="" />
		})}
		</StyledContent>
		))
		.build();
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -589,6 +589,7 @@ export const en = {
		"chartBorderColor": "Border Color",
		"chartTextColor": "Text Color",
		"detailSize": "Detail Size",
		"hideColumn": "Hide Column",

		"radiusTip": "Specifies the radius of the element's corners. Example: 5px, 50%, or 1em.",
		"gapTip": "Specifies the gap between rows and columns in a grid or flex container. Example: 10px, 1rem, or 5%.",
Expand Down